Cobalt Villa color palette — #B2E9FC · #6BB6E1 · #3584C0 · #3B5A93 · #4D4063
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Powder Blue (#B2E9FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#6BB6E1): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#3584C0): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#3B5A93): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#4D4063): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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 Studio color palette (#B9F6F6, #6DC3DC, #4A97DC, #4569B9, #52456B)
- Muted Cerulean color palette (#B4F5EB, #51BABD, #008DA5, #006380, #1F4B66)
- Gentle Navy Terrace color palette (#D7E5D6, #5DACC9, #007FBC, #374595, #31264B)
- Timeworn Cobalt Orchard color palette (#FEEDFF, #9FB2E7, #767AB3, #635B8C, #674853)
- Petrol Quarry color palette (#FDF0FE, #77A3D6, #A88240, #3367A2, #46423B)
- Petrol Bloom color palette (#FFF0FC, #9DB6EC, #556BAB, #2F3F75, #1E284F)
- Timeworn Petal Balcony color palette (#FFF0FE, #EFD2D3, #DDBEE7, #517C97, #5F4657)
- Ancient Cobalt color palette (#FFF0FE, #6489C6, #AC6363, #4C7542, #443043)
Browse the whole catalog at Explore, or see today's palette.