Azure Garden color palette — #FBF2F6 · #B3DAF5 · #6B99CC · #197B7A · #2A3A5A
A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF2F6): a clean, paper-quiet neutral.
- Powder Blue (#B3DAF5): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#6B99CC): A luminous, balanced blue — the color of deep harbor water.
- Teal (#197B7A): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2A3A5A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Gentle Azure color palette (#FFF0FA, #52DFFC, #0097D4, #007463, #0D3163)
- Turquoise Basin color palette (#FCF2F8, #B8EFFE, #5DB3C7, #4D8966, #2E4B61)
- Antique Cobalt color palette (#FCF2F7, #A9CAE1, #5A79AA, #006157, #39355A)
- Muted Corridor color palette (#FCF3EC, #C1EBD9, #84B3FB, #00A192, #393262)
- Dusty Study color palette (#F3E1EF, #46B4BD, #007190, #004C37, #001529)
- Lime Ridge color palette (#DAF6EB, #A0B500, #9387DD, #6C7A1D, #352D5B)
- Ultramarine Workshop color palette (#ECD8E0, #589BC1, #0354AF, #003B3D, #07002B)
- Faded Veranda color palette (#F2E1E7, #71B9ED, #4B72C0, #005860, #1D1840)
Browse the whole catalog at Explore, or see today's palette.