Cobalt Villa color palette — #E4F7F1 · #8FB8E0 · #BC9368 · #2F75B5 · #35302B

Slate takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E4F7F1): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#8FB8E0): A luminous, dusty blue — the color of deep harbor water.
• Camel (#BC9368): A luminous, dusty gold — the color of honey in a jar.
• Slate (#2F75B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#35302B): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Softworn Indigo Drift color palette (#FCEDF6, #ABAFDB, #A89E57, #6565C0, #383201)
• Patina Amber Market color palette (#EEF6FF, #83B5E6, #C18D4E, #4276A8, #60444D)
• Patina Cypress color palette (#EAF5EB, #83C0C3, #CD8689, #008188, #46281E)
• Hushed Olive Study color palette (#FCECFD, #7A9ED0, #C17479, #588740, #322033)
• Ash Balcony color palette (#FAEDFB, #E9D2D4, #D9B497, #689DB6, #4B3846)
• Hushed Pewter color palette (#F8EFF3, #D7C09B, #615B84, #442636, #1C0F16)
• Faded Ultramarine color palette (#FFEBFA, #7690F7, #9A8100, #3437E2, #282000)
• Bronze Chapel color palette (#F6F2E5, #BFBCA5, #978139, #685625, #2D2D1C)

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