Hazy Azure color palette — #CDF3EE · #3ED2E9 · #00AEE7 · #457AC6 · #2F2F60
Cyan and Azure set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#CDF3EE): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#3ED2E9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cyan (#00AEE7): A luminous, balanced blue — the color of deep harbor water.
- Azure (#457AC6): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2F2F60): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Tempered Cerulean Pier color palette (#D9F4F8, #12BDE4, #0093CD, #185D99, #21365E)
- Washed Mint Market color palette (#DBF2E2, #2CD2BB, #00B1BE, #007DA2, #143F65)
- Iris Drift color palette (#C4F0FC, #6BC0FC, #7295F8, #8167BD, #472C58)
- Patina Periwinkle Drift color palette (#EFF5FF, #B6CFFF, #61ACF4, #3877B5, #001E4B)
- Washed Ultramarine Lagoon color palette (#D3E5E4, #00A5D0, #007CD9, #3046BF, #200946)
- Navy Loft color palette (#D6EBE9, #00ABBA, #007096, #0F3B88, #20173F)
- Tempered Marigold color palette (#DEF2FF, #4DCFFE, #DFA537, #009FCC, #483000)
- Worn Byzantium Chapel color palette (#C5E6F7, #73B2FF, #7A81FF, #8B37D0, #520051)
Browse the whole catalog at Explore, or see today's palette.