Azure Garden color palette — #FFF2EC · #AAE7F3 · #3AA7DC · #00856F · #1B406E
Built around Cyan, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Powder Blue (#AAE7F3): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#3AA7DC): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00856F): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1B406E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Azure Garden 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
- Patina Azure Thicket color palette (#FFF2EB, #95D6E9, #0096DA, #007466, #002A7A)
- Hazy Iris Atelier color palette (#FFF3E8, #BAE0FF, #6996FF, #00818D, #3D3376)
- Dusty Lagoon Villa color palette (#FCF3EE, #C6E5DC, #56B3CC, #1B9060, #215244)
- Lagoon Workshop color palette (#FAF4EF, #CBE8E8, #8FB5DD, #409693, #604B5B)
- Petrol Coast color palette (#F8ECE6, #5BB1BB, #007092, #004C39, #00142A)
- Quiet Ultramarine color palette (#EDE4DC, #6699BB, #044FBC, #003B3F, #08002A)
- Hushed Azure color palette (#FFF0FA, #F2D1E1, #FFB0CE, #1895D8, #4E4065)
- Cobalt Courtyard color palette (#EEE6DF, #8CBDAE, #4E70C4, #005861, #1F1348)
Browse the whole catalog at Explore, or see today's palette.