Hazy Azure color palette — #FAF2F9 · #9BEAF3 · #00A9E4 · #008850 · #2A3F64
Built around Cyan, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF2F9): a clean, paper-quiet neutral.
- Sea Foam (#9BEAF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#00A9E4): A luminous, balanced blue — the color of open sky before noon.
- Fern (#008850): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2A3F64): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Linen Lagoon color palette (#FFF0F7, #AFE3FF, #5D99FF, #008478, #3F3865)
- Aged Azure Bloom color palette (#FDF1F9, #62DFF1, #0097D5, #00764D, #162D6A)
- Wandering Orchard color palette (#FFF2EC, #D3DBF0, #52BCE6, #008B6B, #003661)
- Hazy Aqua color palette (#E6FAF6, #A4F4FE, #0ECCEA, #00A6A2, #004759)
- Powder Ridge color palette (#FAF3F7, #D8D5E6, #86B6E6, #5C9382, #4A5265)
- Wisteria Boulevard color palette (#DDFCFF, #00CBA4, #B575FF, #008C71, #462968)
- Patina Sapphire color palette (#E9DAE0, #76BAE3, #3C6BE0, #005A55, #231245)
- Hushed Workshop color palette (#EADAE1, #549CBF, #0D50B6, #003C36, #0B0027)
Browse the whole catalog at Explore, or see today's palette.