Cobalt Villa color palette — #F7EAF3 · #9FCCE0 · #358EC8 · #006F50 · #1E2A57
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Sky (#9FCCE0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#358EC8): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006F50): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1E2A57): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Tempered Azure color palette (#FFF2EC, #B0F2FF, #3F9BD2, #006D4B, #0F1B42)
- Frosted Cobalt Basin color palette (#EFE1E7, #81B9DA, #4C72BE, #005A54, #240851)
- Gentle Orchard color palette (#FFF1F6, #BCE0FE, #7595F6, #008380, #453469)
- Wandering Pier color palette (#F6EDE1, #6FBFCF, #007394, #00504B, #00314E)
- Hushed Turquoise Coast color palette (#E4F3E7, #92E2F2, #00B4E7, #0F9188, #09314A)
- Chalky Sky color palette (#D1EEFF, #4FB8E0, #007EA7, #00455E, #001927)
- Lagoon Balcony color palette (#D9F3FF, #C2DBFC, #CD9BD5, #009367, #18385A)
- Tempered Rust color palette (#DBEAF4, #0094BD, #CF4503, #895600, #002330)
Browse the whole catalog at Explore, or see today's palette.