This startup-inspired palette pairs a confident electric blue with a vivid teal and a sharp coral accent to signal momentum, clarity, and modern product thinking. The neutrals keep the system crisp and usable across UI, pitch decks, and brand surfaces without dulling the energy.
This startup-inspired palette pairs a confident electric blue with a vivid teal and a sharp coral accent to signal momentum, clarity, and modern product thinking. The neutrals keep the system crisp and usable across UI, pitch decks, and brand surfaces without dulling the energy.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors form a high-energy triadic system that feels fast, contemporary, and product-driven. Blue, teal, and coral create enough contrast to stay memorable while still reading as one cohesive startup brand.
Clear roles create a consistent brand experience.Assign existing palette colors to brand, typography, and interface roles.
A compact view of the brand, support, and neutral colors that make up this system.
The main colors form a high-energy triadic system that feels fast, contemporary, and product-driven. Blue, teal, and coral create enough contrast to stay memorable while still reading as one cohesive startup brand.
RolesLogo, Btn Primary Bg
Royal Blue establishes trust and technical credibility while staying vivid enough for a modern startup identity.
#2563EB37, 99, 235221, 83, 5384, 58, 0, 8RolesLink, Btn Secondary Bg
Teal adds a fresh product-minded contrast that suggests responsiveness, clarity, and forward motion.
#14B8A620, 184, 166173, 80, 4089, 0, 10, 28RolesBtn Outlined Border, Btn Outlined Text, Headline
Coral delivers an energetic human accent that helps calls to action and headlines feel more dynamic and memorable.
#FB7185251, 113, 133351, 95, 710, 55, 47, 2The support colors extend the palette with restrained depth and a controlled accent that improve hierarchy without competing with the main trio. They keep the interface polished, grounded, and easy to scan.
RolesIcon, Border
Slate provides a calm technical tone for UI structure and supporting elements without pulling focus from the brighter brand colors.
#5B647291, 100, 114217, 11, 4020, 12, 0, 55RolesDivider, Outline
Cloud softens separators and outlines so the interface stays clean and airy while preserving visual order.
#D7DEE8215, 222, 232215, 27, 887, 4, 0, 9Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F5F7FA245, 247, 250216, 33, 972, 1, 0, 2RolesBg Dark, Text, Btn Secondary Text
#0F172A15, 23, 42222, 47, 1164, 45, 0, 84Copy palette values for design systems, websites, and client handoff.
Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.
Use when: you need the actual colors.:root {
--color-royal-blue: #2563EB;
--color-teal: #14B8A6;
--color-coral: #FB7185;
--color-slate: #5B6472;
--color-cloud: #D7DEE8;
--color-white: #FFFFFF;
--color-ivory: #F5F7FA;
--color-navy: #0F172A;
}Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.
Use when: you need UI roles, not just swatches.:root {
--role-logo: #2563EB;
--role-btn-primary-bg: #2563EB;
--role-link: #14B8A6;
--role-btn-secondary-bg: #14B8A6;
--role-btn-outlined-border: #FB7185;
--role-btn-outlined-text: #FB7185;
--role-headline: #FB7185;
--role-icon: #5B6472;
--role-border: #5B6472;
--role-divider: #D7DEE8;
--role-outline: #D7DEE8;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #0F172A;
--role-text: #0F172A;
--role-btn-secondary-text: #0F172A;
}Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.
Use when: a developer or app needs data.{
"royal-blue": "#2563EB",
"teal": "#14B8A6",
"coral": "#FB7185",
"slate": "#5B6472",
"cloud": "#D7DEE8",
"white": "#FFFFFF",
"ivory": "#F5F7FA",
"navy": "#0F172A"
}