Cobalt Villa color palette — #E4F4F3 · #7EB6E9 · #4784D1 · #00678E · #000745
Azure and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E4F4F3): a clean, paper-quiet neutral.
- Sky (#7EB6E9): A luminous, balanced blue — the color of deep harbor water.
- Azure (#4784D1): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00678E): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#000745): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Cerulean Delta color palette (#D1E5E3, #80BACC, #0090BA, #006B75, #001623)
- Ultramarine Alley color palette (#FCE9EE, #7BA7CE, #435FB6, #004952, #17003F)
- Cerulean Lantern color palette (#E1F3F2, #B5D8F6, #73A9E2, #008AB5, #0E2C5A)
- Weathered Navy color palette (#ECF3E1, #618EBA, #004694, #00293C, #00001E)
- Frosted Ultramarine color palette (#F9ECDE, #93BBE1, #3B59D0, #003D45, #030010)
- Hushed Turquoise Dune color palette (#D7F2F6, #00AFBC, #008591, #004C51, #000404)
- Powdered Sapphire color palette (#C9F4F4, #008F91, #276AEB, #4B7500, #000A0A)
- Powdered Bronze color palette (#D2EEF3, #00A395, #9E7A00, #007268, #160E00)
Browse the whole catalog at Explore, or see today's palette.