Cobalt Villa color palette — #F4E7E0 · #62C0DA · #007CB8 · #005A50 · #071C46
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Rose Water (#F4E7E0): bright and airy, almost weightless.
- Cyan (#62C0DA): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007CB8): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005A50): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#071C46): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Cornflower Field color palette (#F7ECE3, #8ECEF2, #4386DF, #006B6E, #262952)
- Tempered Cobalt Balcony color palette (#EBF9EE, #9ED6E7, #0084B6, #005151, #000D1E)
- Linen Delta color palette (#E9DFD5, #56ABE2, #275EC9, #00494F, #12053D)
- Azure Harbor color palette (#D7E6F0, #00A0DE, #00678E, #00334C, #000810)
- Aged Lagoon Loft color palette (#D4F5EE, #009D9E, #006C7F, #004262, #001F3F)
- Pine Cabin color palette (#FFF2EB, #6BE1DD, #009DB6, #007745, #003751)
- Worn Boulevard color palette (#D5E3DC, #8EBEFF, #AC8DD7, #00796F, #002821)
- Azure Boulevard color palette (#FFF2EA, #A6E6FF, #3AA2F3, #00837C, #2F3E67)
Browse the whole catalog at Explore, or see today's palette.