This palette pairs electric blue and vivid violet with a sharp coral accent to signal speed, innovation, and investor-ready confidence. The neutrals keep the system crisp and scalable, so the brand feels energetic in product UI without losing clarity in marketing.
This palette pairs electric blue and vivid violet with a sharp coral accent to signal speed, innovation, and investor-ready confidence. The neutrals keep the system crisp and scalable, so the brand feels energetic in product UI without losing clarity in marketing.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
Electric blue, vivid violet, and coral form a triadic system that feels fast, ambitious, and unmistakably digital. The three hues create strong brand recognition while giving the startup enough range for interface states, marketing highlights, and product storytelling.
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.
Electric blue, vivid violet, and coral form a triadic system that feels fast, ambitious, and unmistakably digital. The three hues create strong brand recognition while giving the startup enough range for interface states, marketing highlights, and product storytelling.
RolesLogo, Btn Primary Bg
Royal Blue projects momentum and technical credibility, making it the anchor color for the startup identity.
#2D6BFF45, 107, 255222, 100, 5982, 58, 0, 0RolesHeadline, Btn Secondary Bg
Violet adds imagination and a product-forward edge, helping the brand feel innovative without looking generic.
#7B3FF2123, 63, 242260, 87, 6049, 74, 0, 5RolesLink, Btn Outlined Border, Btn Outlined Text
Coral injects urgency and human warmth, giving the palette a memorable accent for actions and emphasis.
#FF5A5F255, 90, 95358, 100, 680, 65, 63, 0Soft teal and muted sky blue extend the palette with restrained UI-friendly variation. They support states, illustrations, and secondary emphasis without competing with the core startup colors.
RolesIcon, Outline
Seafoam softens the system with a calm, product-friendly accent that balances the sharper core hues.
#6FD3C1111, 211, 193169, 53, 6347, 0, 9, 17RolesBorder, Divider
Powder Blue keeps interface structure light and clean while reinforcing the palette's digital tone.
#8FB8FF143, 184, 255218, 100, 7844, 28, 0, 0Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F4F7FB244, 247, 251214, 47, 973, 2, 0, 2RolesBg Dark, 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: #2D6BFF;
--color-violet: #7B3FF2;
--color-coral: #FF5A5F;
--color-seafoam: #6FD3C1;
--color-powder-blue: #8FB8FF;
--color-white: #FFFFFF;
--color-ivory: #F4F7FB;
--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: #2D6BFF;
--role-btn-primary-bg: #2D6BFF;
--role-headline: #7B3FF2;
--role-btn-secondary-bg: #7B3FF2;
--role-link: #FF5A5F;
--role-btn-outlined-border: #FF5A5F;
--role-btn-outlined-text: #FF5A5F;
--role-icon: #6FD3C1;
--role-outline: #6FD3C1;
--role-border: #8FB8FF;
--role-divider: #8FB8FF;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #111827;
--role-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": "#2D6BFF",
"violet": "#7B3FF2",
"coral": "#FF5A5F",
"seafoam": "#6FD3C1",
"powder-blue": "#8FB8FF",
"white": "#FFFFFF",
"ivory": "#F4F7FB",
"charcoal": "#111827"
}