Azure Grove color palette — #B4F2F5 · #69D1E6 · #2D9ECB · #426AA2 · #3A4063
A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#B4F2F5): A whisper-light, dusty teal — the color of sea glass.
- Ice Blue (#69D1E6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#2D9ECB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#426AA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#3A4063): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Azure Grove 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
- Softworn Azure Workshop color palette (#D9FDFF, #A0EAFF, #00A8DF, #3C6EA7, #2B3A55)
- Iris Garden color palette (#BEEBFF, #80BFF3, #7390DD, #6964A9, #504164)
- Powdered Teal Balcony color palette (#C8FFE6, #6DD3C8, #00AAAF, #00738E, #24526C)
- Cobalt Meadow color palette (#BBE7FF, #6DB5D5, #1389BC, #005A8D, #393D67)
- Washed Azure color palette (#FFEFFF, #A7CBFD, #6590CF, #366396, #122D57)
- Cerulean Bloom color palette (#E3FCF2, #75C1F0, #CB9A60, #3289B8, #573C1B)
- Navy Grove color palette (#C9F1F6, #008EB0, #005583, #00227D, #120048)
- Tempered Ultramarine color palette (#CAE9F4, #1CB0F6, #0A77F2, #3935D8, #351B6B)
Browse the whole catalog at Explore, or see today's palette.