Cobalt Villa color palette — #FFEEE5 · #C57562 · #1587C7 · #1372A8 · #2F170A

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

The five colors

• Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Caramel (#C57562): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#1587C7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Slate (#1372A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2F170A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Cobalt Lantern color palette (#FCF0DE, #B2995F, #6391C6, #4A7BB3, #312511)
• Muted Alley color palette (#FFEFDE, #B58148, #389271, #007A7F, #2B1A05)
• Wandering Azure color palette (#FFF0F9, #DD8E6C, #24A6D7, #537EC8, #45313D)
• Petrol Archive color palette (#EFE4D6, #996600, #006AA4, #3C4786, #170C00)
• Frosted Coast color palette (#FAF1DE, #968643, #058686, #6C3880, #231801)
• Patina Amber color palette (#FFF2EA, #C86C3B, #00916C, #655BAC, #3D3632)
• Soft Aubergine Workshop color palette (#E5EAB9, #989C27, #4154C8, #691CAB, #191A00)
• Faded Iris Loft color palette (#FFF0F8, #EBA989, #3DC498, #8D82E2, #3C2131)

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