Cobalt Villa color palette — #F8F3F8 · #E7D8D8 · #E0BBB3 · #4276C1 · #251A25
A conversation between Azure and Oat, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F3F8): bright and airy, almost weightless.
- Bone (#E7D8D8): a clean, paper-quiet neutral.
- Oat (#E0BBB3): A whisper-light, dusty orange — the color of sun-warmed clay.
- Azure (#4276C1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#251A25): A deep, shadowed, dusty pink — the color of a candy shop window.
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
- Ancient Iris Orchard color palette (#F9F3F8, #E4D8D7, #ADB5A7, #6F86CB, #342B32)
- Ultramarine Orchard color palette (#FBF2F7, #E6D5D2, #DBADB0, #5252AD, #160611)
- Tempered Canyon color palette (#F1F7F2, #CDE4E5, #E8C9E2, #008595, #162119)
- Denim Market color palette (#E3EAF2, #C8CBD6, #A6A0B5, #2C568A, #0A1725)
- Indigo Archive color palette (#F7DDEB, #7658E1, #361638, #221513, #0C0006)
- Patina Orchid Lantern color palette (#FCF2F5, #E4D8D2, #ADBA9E, #A84DD2, #351B24)
- Olive Coast color palette (#FDF4E6, #B9C27F, #3B8B2E, #504A76, #1E1800)
- Weathered Quarry color palette (#FEF0FF, #BFB5E1, #B77CA1, #4D5910, #002F1C)
Browse the whole catalog at Explore, or see today's palette.