Azure Garden color palette — #D9FDFF · #4ED2FF · #0095E8 · #2A55A2 · #282E56
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#D9FDFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#4ED2FF): A luminous, balanced blue — the color of open sky before noon.
- Azure (#0095E8): A luminous, vivid blue — the color of deep harbor water.
- Peacock (#2A55A2): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#282E56): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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 Summit color palette (#EBF7FF, #99C6FF, #6587FF, #5F4DA2, #3D2547)
- Azure Garden color palette (#D0EFFC, #66CAFF, #00A3ED, #3D7FB7, #1E3E63)
- Seafoam Boulevard color palette (#D9FFF2, #31DED6, #00A2B4, #006C8E, #022D50)
- Dusty Iris Alley color palette (#F0F5FF, #B7D5FF, #6189FE, #144996, #000730)
- Weathered Nightshade Balcony color palette (#C6EEF6, #00A3E8, #0061A5, #121098, #0E0029)
- Sunlit Studio color palette (#EEF6FF, #89C4FF, #EB8F07, #0078CA, #3C2000)
- Turquoise Pier color palette (#EEF6FF, #E1D9E3, #C2AEA0, #4EA4B3, #2C3A4C)
- Soft Nightshade color palette (#D7ECFB, #1B84F8, #3E00D5, #270063, #040007)
Browse the whole catalog at Explore, or see today's palette.