This startup-inspired palette combines energetic Blue, confident Coral, and fresh Mint to signal momentum, clarity, and approachability. The system feels modern and venture-ready while staying usable across product UI, marketing, and brand touchpoints.
This startup-inspired palette combines energetic Blue, confident Coral, and fresh Mint to signal momentum, clarity, and approachability. The system feels modern and venture-ready while staying usable across product UI, marketing, and brand touchpoints.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
Blue provides the primary trust signal, Coral adds sharp founder energy, and Mint keeps the system fresh without feeling generic. Together they create a recognizable startup palette that feels fast, optimistic, and product-ready.
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.
Blue provides the primary trust signal, Coral adds sharp founder energy, and Mint keeps the system fresh without feeling generic. Together they create a recognizable startup palette that feels fast, optimistic, and product-ready.
RolesLogo, Btn Primary Bg
Royal Blue gives the brand a credible core and keeps the interface feeling decisive and scalable.
#2563EB37, 99, 235221, 83, 5384, 58, 0, 8RolesLink, Btn Secondary Bg
Coral adds urgency and human warmth, helping calls to action feel lively rather than corporate.
#FF6B5A255, 107, 906, 100, 680, 58, 65, 0RolesHeadline, Btn Outlined Border, Btn Outlined Text
Mint brings a fresh product-led accent that softens the system and supports a contemporary startup feel.
#5DD6C093, 214, 192169, 60, 6057, 0, 10, 16The support colors extend the core palette with restrained depth and a subtle ambient accent. They reinforce usability in charts, outlines, and UI details without competing with the main startup colors.
RolesIcon, Border
Slate adds neutral structure for interface elements and keeps secondary details readable without stealing focus.
#8A94A6138, 148, 166219, 14, 6017, 11, 0, 35RolesDivider, Outline
Mist creates clean separation and light framing, which helps the vivid main colors stay prominent.
#D9E1EA217, 225, 234212, 29, 887, 4, 0, 8Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F7F8FA247, 248, 250220, 23, 971, 1, 0, 2RolesBg Dark, Text, Btn Secondary Text
#11182717, 24, 39221, 39, 1156, 38, 0, 85Copy 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-coral: #FF6B5A;
--color-mint: #5DD6C0;
--color-slate: #8A94A6;
--color-mist: #D9E1EA;
--color-white: #FFFFFF;
--color-snow: #F7F8FA;
--color-charcoal: #111827;
}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: #FF6B5A;
--role-btn-secondary-bg: #FF6B5A;
--role-headline: #5DD6C0;
--role-btn-outlined-border: #5DD6C0;
--role-btn-outlined-text: #5DD6C0;
--role-icon: #8A94A6;
--role-border: #8A94A6;
--role-divider: #D9E1EA;
--role-outline: #D9E1EA;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #111827;
--role-text: #111827;
--role-btn-secondary-text: #111827;
}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",
"coral": "#FF6B5A",
"mint": "#5DD6C0",
"slate": "#8A94A6",
"mist": "#D9E1EA",
"white": "#FFFFFF",
"snow": "#F7F8FA",
"charcoal": "#111827"
}