Hazy Cobalt Villa color palette — #9CF9E9 · #00C1E1 · #168ED7 · #4A479A · #4B0C5F

Cerulean and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#9CF9E9): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#00C1E1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#168ED7): A luminous, balanced blue — the color of open sky before noon.
• Indigo (#4A479A): A full-bodied, balanced violet — the color of wild irises.
• Royal Purple (#4B0C5F): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Hazy 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

• Soft Mint Study color palette (#AFF3BB, #00CCAE, #0092B0, #13579A, #331F6D)
• Sky Harbor color palette (#98F6FF, #58BBFF, #7C7CCE, #733A7D, #5E003C)
• Hushed Nightshade Atelier color palette (#D5FFFC, #7FE0F8, #3D92E4, #4340BB, #290050)
• Navy Quarry color palette (#BEE9FF, #54A5DA, #306DB0, #193F90, #212279)
• Airy Ultramarine Balcony color palette (#DFF0EF, #00A1C8, #225CCF, #421188, #260026)
• Worn Harbor color palette (#DDF5F9, #0082D3, #472ECA, #44005B, #1B000A)
• Washed Sapphire Quarry color palette (#BFE9FF, #83C8FB, #58A3F5, #3971DE, #1E1E81)
• Hushed Studio color palette (#FFE7EE, #00B7C5, #6B6DBF, #764A09, #193345)

Browse the whole catalog at Explore, or see today's palette.