Azure Garden color palette — #F2F8E7 · #CEE8FF · #80BAFF · #009DD3 · #213D73
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F2F8E7): A whisper-light, dusty green — the color of a quiet forest floor.
- Frost (#CEE8FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#80BAFF): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#009DD3): A luminous, balanced blue — the color of open sky before noon.
- Navy (#213D73): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Misty Grove color palette (#F5F7EA, #B4F0FE, #56C6EA, #00A4AB, #00465F)
- Muted Periwinkle Quarry color palette (#FDF3EA, #BBE0FF, #7598EC, #00808E, #3E366E)
- Soft Cornflower color palette (#E7F5F5, #A6D5FF, #2A83E4, #005D7F, #122446)
- Muted Azure Grove color palette (#E7E9DE, #90CADC, #00A0CE, #007B86, #002334)
- Hushed Petrol color palette (#EFF2DE, #73ABB7, #00819F, #005D60, #000B12)
- Washed Harbor color palette (#F5F6EE, #C8EAE2, #ACD2B7, #6CB1AA, #345241)
- Wandering Wisteria Study color palette (#FFE4E3, #FF8F90, #D5A200, #C277E6, #4E1F21)
- Blush Villa color palette (#FFF2ED, #E3D7CB, #C3CC91, #EC919D, #693A32)
Browse the whole catalog at Explore, or see today's palette.