Cobalt Villa color palette — #FFF0F8 · #6AC4EB · #2E6DC0 · #00574C · #30256A

A conversation between Royal Blue and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sky (#6AC4EB): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#2E6DC0): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#30256A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Cobalt Villa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Patina Loft color palette (#FDF1F8, #A9CADE, #457BB6, #006151, #34365B)
• Washed Canyon color palette (#FAF0E1, #79C7EA, #0077BA, #005157, #001740)
• Hushed Denim color palette (#F3E4EA, #6AA7CA, #2F52A0, #003E3A, #211542)
• Soft Azure color palette (#EEF8F0, #8DD6F8, #0093E4, #007179, #002E71)
• Cypress Ridge color palette (#FBF2F6, #D9DEEF, #859ABD, #3F7A77, #4D516A)
• Dusty Archive color palette (#EEF2FF, #FFBFEE, #E3816F, #0068A9, #462953)
• Linen Terrace color palette (#FFF2E9, #A7E4FF, #6FACFF, #009987, #2F2667)
• Amethyst Lantern color palette (#E3DFEE, #882DF3, #576E00, #005D31, #2B134E)

Browse the whole catalog at Explore, or see today's palette.