Cerulean Grove color palette — #FCF4E7 · #B2DABC · #008DAF · #00675D · #004566

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

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Pistachio (#B2DABC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008DAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00675D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004566): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Cerulean 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

• Cobalt Loft color palette (#F9F4ED, #A9DACA, #357FD9, #006475, #2B3A77)
• Teal Corridor color palette (#CDF1E9, #00B3AE, #00828F, #005C70, #263B65)
• Softworn Alley color palette (#FEEEE7, #90DFEA, #008DC7, #006641, #132249)
• Hushed Pier color palette (#FBF4E9, #6FC6DA, #00789E, #005652, #003658)
• Aged Abyss color palette (#EFE6DA, #569CA2, #005364, #003129, #001622)
• Softworn Powder Thicket color palette (#DCFFEA, #C8E6FF, #ADB6FF, #008789, #134764)
• Tempered Azure color palette (#FCF1FA, #AAE7F0, #00A8EA, #008757, #2A3E69)
• Patina Cypress Thicket color palette (#F8F5EF, #CCE3E2, #6F9FC2, #127E83, #614962)

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