Cobalt Villa color palette — #F9EFF3 · #9FCFEB · #587ABE · #005C56 · #21193C
Built around Slate, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9EFF3): bright and airy, almost weightless.
- Sky (#9FCFEB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#587ABE): A full-bodied, balanced violet — the color of twilight just after sunset.
- Peacock (#005C56): A full-bodied, dusty teal — the color of glacier melt.
- Deep Indigo (#21193C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Forest Alley color palette (#F7EFF7, #A6CFDB, #0089A9, #185F24, #07213B)
- Muted Cobalt color palette (#F0F8F1, #91CEF3, #417BB8, #005E6B, #283B59)
- Washed Iris Harbor color palette (#FDF3EB, #A3DDFF, #6F94DD, #007D75, #4E2F40)
- Raspberry Veranda color palette (#D4EFF6, #00A6A4, #BA4E91, #006261, #310B23)
- Patina Cerulean color palette (#F1E0ED, #2D9AAA, #004F74, #002D1C, #01001E)
- Nightshade Hollow color palette (#EAD9DF, #537E9D, #1D1F9F, #001F1F, #020007)
- Nightshade Quarry color palette (#F2E3E8, #79A1C5, #4048B2, #00393B, #120024)
- Timeworn Jade color palette (#E8EFD6, #44AD6A, #007B5D, #004C4C, #002836)
Browse the whole catalog at Explore, or see today's palette.