Azure Grove color palette — #FBF2F9 · #AEF3FC · #009ED9 · #006E44 · #091B42

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Sea Foam (#AEF3FC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009ED9): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E44): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#091B42): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Wandering Lantern color palette (#FFF1F6, #D7DFFC, #688BF0, #006A67, #22153B)
• Sunlit Cornflower color palette (#EFF6FF, #3A90FF, #6F9000, #5B7600, #000C21)
• Turquoise Hollow color palette (#F7EDDE, #7EE5F5, #00B6E1, #009284, #00324B)
• Powdered Cornflower Lagoon color palette (#FEF1F7, #8AD8FB, #1576E8, #005248, #0C032B)
• Petrol Corridor color palette (#DEEDEA, #7CC0CB, #00788E, #004B4B, #001923)
• Timeworn Periwinkle color palette (#FEF1F7, #D7D4E0, #85ACFF, #008881, #372C59)
• Worn Chapel color palette (#F0F5FF, #E8D9E1, #FFAEBD, #0099B8, #202140)
• Hushed Denim color palette (#F3E7ED, #5BAECC, #00559B, #002C24, #01000A)

Browse the whole catalog at Explore, or see today's palette.