Cobalt Villa color palette — #FFF0FC · #D0897F · #4AA190 · #0075B4 · #3E2C3B

A conversation between Cerulean and Dusty Rose, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#D0897F): A luminous, balanced orange — the color of autumn markets.
• Fern (#4AA190): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0075B4): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3E2C3B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Balance. 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

• Pale Ridge color palette (#FFF0F9, #D08264, #008B7E, #2461AA, #2D2237)
• Cobalt Lantern color palette (#FEF1F6, #CCA17D, #65A7B7, #6A76B1, #4B363F)
• Coral Station color palette (#FFF2EC, #FF8D7F, #4DB1A2, #467899, #331F16)
• Blush Archive color palette (#F7F2FF, #CA85B3, #7A9C58, #008078, #382D47)
• Blush Lantern color palette (#FFF2EE, #FF96A4, #51BBE3, #599AB4, #412D28)
• Washed Harbor color palette (#EAFAED, #D7A679, #908944, #0F6C92, #2C442E)
• Soft Grape color palette (#E7FCEA, #D19E2A, #007EB1, #6C44CB, #3A2800)
• Quiet Coast color palette (#FFD8EC, #D26304, #00888C, #122EE9, #361400)

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