Cobalt Villa color palette — #ECF4F1 · #DAD1CF · #C8B5B1 · #267DAB · #21302A

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DAD1CF): bright and airy, almost weightless.
• Stone (#C8B5B1): A luminous, dusty orange — the color of autumn markets.
• Cerulean (#267DAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#21302A): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Hushed Petrol Terrace color palette (#EFF7F4, #E1D3D1, #CCB7B9, #497A9E, #3F4B47)
• Muted Lapis Lagoon color palette (#F8EFF3, #E2D3CE, #DBB5AD, #6C55C0, #2E2028)
• Softworn Azure color palette (#F1F6FB, #D9D9E0, #CCC0C3, #5BA6DC, #384047)
• Antique Meadow color palette (#E1F7E7, #A8BEAE, #91798E, #535C33, #253921)
• Cobalt Canyon color palette (#EEDCEA, #5771B9, #432830, #1F101D, #010805)
• Pewter Alley color palette (#F9F0EB, #C6AF90, #757A46, #5F4B71, #34240B)
• Worn Meadow color palette (#F6F2E1, #51ABBA, #6661A4, #474B00, #002A1F)
• Ancient Ridge color palette (#E0F0EB, #A99BA3, #967077, #003860, #000604)

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