Hazy Azure color palette — #D0E6E1 · #00CAE6 · #00AEE7 · #5080BC · #323158
A conversation between Cyan and Cyan, giving this palette its sense of trust and stability.
The five colors
- Silver (#D0E6E1): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00CAE6): A luminous, balanced blue — the color of deep harbor water.
- Cyan (#00AEE7): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#5080BC): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#323158): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Azure 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
- Worn Studio color palette (#CBE4E9, #57C2FF, #689AFF, #7C6AAE, #44294B)
- Washed Mint Studio color palette (#D6E7DC, #00D6AE, #00AFB3, #0883AA, #1E3E61)
- Misty Cerulean Grove color palette (#E1F9FF, #61D8FF, #0093C5, #006799, #023659)
- Feathered Ridge color palette (#DDF1EE, #00A5C5, #007AC7, #3348AD, #250847)
- Periwinkle Market color palette (#EEF6FF, #B4D2FF, #67A7FC, #3575A7, #002643)
- Quiet Azure color palette (#DEF5EC, #71C9FF, #EA9C5B, #169CDA, #512A03)
- Airy Byzantium color palette (#DAEEF8, #66B0FF, #6E81FF, #8D41CD, #571253)
- Gentle Sapphire Studio color palette (#D2E2E7, #0090D1, #1658F7, #4E289D, #280033)
Browse the whole catalog at Explore, or see today's palette.