Cobalt Villa color palette — #ECF2FC · #9FB3E0 · #B99660 · #556FAF · #1C391F

Slate and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF2FC): bright and airy, almost weightless.
• Sky (#9FB3E0): A luminous, dusty violet — the color of twilight just after sunset.
• Camel (#B99660): A luminous, balanced gold — the color of old brass.
• Slate (#556FAF): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#1C391F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Patina Cobalt Workshop color palette (#EFF6FF, #98B2D6, #B19559, #4E71B2, #36563E)
• Hushed Petrol Cabin color palette (#E7F4FF, #85BAE0, #BC9367, #3578A4, #442731)
• Ancient Villa color palette (#F0F1FD, #BFA8D6, #87A871, #80629C, #123832)
• Cobalt Bloom color palette (#FCF1FE, #A6C8EE, #C6B069, #5490D1, #504D46)
• Cerulean Basin color palette (#E9F3FF, #DCD5E2, #BDAA9F, #6793A5, #343B4D)
• Hushed Periwinkle color palette (#EAF2FF, #809BD8, #9E8C55, #877746, #1D2838)
• Patina Pewter color palette (#FAEEF4, #ABC3AB, #98788A, #664E68, #1D3127)
• Patina Pewter color palette (#EEF1FC, #9ECFC7, #605B86, #2A2F48, #10131F)

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