Azure Grove color palette — #FCF2F9 · #AFF3FF · #369DCB · #006C58 · #001E40

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Sea Foam (#AFF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#369DCB): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006C58): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#001E40): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Hushed Lagoon color palette (#FFF1F6, #D8DEFB, #688FE1, #006872, #1D1543)
• Turquoise Archive color palette (#EEF0E4, #A5DEE9, #21B6D7, #009092, #003344)
• Patina Petrol color palette (#DEEDEA, #7CC0CD, #007790, #004B4D, #001923)
• Cobalt Corridor color palette (#FFF1F7, #9AD5F4, #297BD4, #005152, #070035)
• Worn Studio color palette (#E8DAE1, #61ADCD, #005796, #002B2A, #00000B)
• Patina Periwinkle color palette (#FFF1F6, #D7D4DF, #83AFF7, #00868F, #2F2D60)
• Aged Iris Corridor color palette (#F3F4FF, #8081F8, #9A8000, #736E00, #09052A)
• Lagoon Field color palette (#FAF3F7, #D6D4E1, #B4C4EF, #61A094, #404E62)

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