Cobalt Villa color palette — #F0F6FC · #EDC3DC · #4D82B3 · #3B4F63 · #242C35

Built around Cerulean, softened by Thistle — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Thistle (#EDC3DC): A whisper-light, dusty pink — the color of a candy shop window.
• Cerulean (#4D82B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#3B4F63): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#242C35): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

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

• Hushed Cobalt color palette (#F0F5FF, #CED7A8, #6E7AAC, #3F4D68, #282B33)
• Patina Lagoon color palette (#EBF9F4, #D6D7CB, #639184, #2C4E45, #131E1B)
• Timeworn Lagoon color palette (#F0F6FA, #9BDCF6, #CF8292, #3599BB, #332A35)
• Hushed Bone color palette (#EBF7FF, #C6EAC3, #7FA4BB, #577180, #202D35)
• Teal Coast color palette (#E9F9FA, #61BFA4, #C19154, #4D8876, #304142)
• Softworn Ash Alley color palette (#F1F5FB, #DDD9E1, #BEAEB1, #879DBD, #4E535A)
• Dusty Ultramarine color palette (#E9EFFA, #BBB971, #4A58B7, #283061, #0E1625)
• Ember Garden color palette (#EDF7FD, #52B7D5, #C46957, #407C65, #23343D)

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