Cobalt Villa color palette — #F4F7E9 · #A5D6EF · #0088C5 · #006476 · #0A436C
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7E9): bright and airy, almost weightless.
- Powder Blue (#A5D6EF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0088C5): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#006476): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0A436C): A deep, shadowed, balanced blue — the color of deep harbor water.
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
- Cobalt Coast color palette (#F3F8E4, #75C2ED, #0074B2, #005367, #003361)
- Tempered Corridor color palette (#FAF0E8, #8DDCFF, #1786DF, #006260, #171F4E)
- Worn Cerulean color palette (#F5F6ED, #C5E6D0, #1F98B9, #136F74, #314F42)
- Quiet Villa color palette (#FFF0F8, #ABE4FF, #59A0E7, #008380, #303B6D)
- Softworn Cerulean Atelier color palette (#EBEEDF, #359CBF, #00506F, #002F36, #001625)
- Faded Teal Dune color palette (#FEF3EA, #C3F1DB, #86B8FF, #00A894, #3C3967)
- Quiet Emerald Market color palette (#ECEFCA, #439600, #00828A, #855400, #203816)
- Sunlit Mint Atelier color palette (#F8F7DA, #BDF6B7, #45D692, #727E10, #2F4B27)
Browse the whole catalog at Explore, or see today's palette.