Azure Garden color palette — #E9F9F7 · #A2DFF6 · #34A1D1 · #0C7988 · #163F58
Cyan and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9F9F7): a clean, paper-quiet neutral.
- Powder Blue (#A2DFF6): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#34A1D1): A luminous, balanced blue — the color of open sky before noon.
- Teal (#0C7988): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#163F58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Antique Glacier Meadow color palette (#DDFDF7, #0CE4F7, #009DB6, #007270, #003948)
- Worn Cerulean Workshop color palette (#ECF8F7, #D4DBF9, #84A8D2, #4083A2, #374961)
- Dusty Azure Quarry color palette (#D0EBE8, #359FC9, #005F89, #003A45, #000A17)
- Washed Drift color palette (#FBF2F7, #D7D4E0, #76AAE5, #00816D, #292A4E)
- Patina Coast color palette (#DDF0EF, #69BCE8, #007CBA, #005669, #00203E)
- Hazy Blush Delta color palette (#F4EAFF, #E97EBE, #499BE0, #A64E83, #06385C)
- Dusty Peony color palette (#F1DBFF, #E95A9C, #C27324, #756AB9, #33243C)
- Hushed Stone color palette (#FBF1FF, #F6D5C6, #F7AF9E, #AE7390, #47384B)
Browse the whole catalog at Explore, or see today's palette.