Cobalt Villa color palette — #FFF1F5 · #C39562 · #548BD3 · #8E5800 · #22436D
A conversation between Azure and Ochre, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Camel (#C39562): A luminous, balanced gold — the color of honey in a jar.
- Azure (#548BD3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Ochre (#8E5800): A full-bodied, balanced gold — the color of honey in a jar.
- Navy (#22436D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, 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
- Airy Azure color palette (#E8F7E8, #C59C5D, #0096DE, #865B00, #012A43)
- Chalky Terracotta Studio color palette (#FFF0FA, #CA8F7D, #1B99B4, #A93D1C, #004B5A)
- Iris Ridge color palette (#E4FBF2, #9BA66B, #9378C8, #616D00, #483964)
- Bronze Orchard color palette (#FFF3E8, #EBA670, #7DACFF, #B36000, #523850)
- Washed Field color palette (#FFF1F5, #94AF98, #92693D, #73442A, #2A4435)
- Byzantium Garden color palette (#E8FCE8, #AA8041, #008D8E, #8948A2, #283E29)
- Chalky Byzantium color palette (#E0FDF4, #8EB32C, #8C48C5, #4E6600, #4C216F)
- Timeworn Lapis Corridor color palette (#CAF0D5, #A18000, #5749FF, #604C00, #230B81)
Browse the whole catalog at Explore, or see today's palette.