Azure Grove color palette — #FFF2ED · #AFF3FD · #009FD1 · #006C55 · #001F3D
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Sea Foam (#AFF3FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#009FD1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006C55): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#001F3D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Aged Sky color palette (#FDF3ED, #BFE8F6, #41B1F1, #008171, #1A2E4F)
- Powdered Iris color palette (#FCF4EA, #BEF3E4, #6C8AEF, #006876, #20153F)
- Frosted Field color palette (#FEF3EB, #8FD7F8, #007CD6, #005150, #05052D)
- Petrol Workshop color palette (#E7F2E9, #8EB9CA, #00748F, #005147, #00324A)
- Antique Denim Meadow color palette (#F1E1D6, #6AADC5, #00598D, #002C28, #00000C)
- Fuchsia Parlor color palette (#FFF1F3, #DF70E9, #348600, #007B75, #1A011D)
- Wandering Powder Chapel color palette (#FBF4ED, #C3E4F7, #94BBFF, #369198, #503546)
- Petrol Corridor color palette (#FBEAE1, #6CC9C5, #007486, #004122, #000306)
Browse the whole catalog at Explore, or see today's palette.