Cerulean Garden color palette — #F1F3E8 · #ABD2BB · #2787A9 · #005A61 · #002435

Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Pistachio (#ABD2BB): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#2787A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005A61): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002435): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Cerulean Garden 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 Delta color palette (#FBF2F8, #A9CBDC, #2580B6, #006156, #233962)
• Washed Garden color palette (#F0F3EA, #C0E6D9, #6B91B6, #076885, #382339)
• Patina Cerulean Harbor color palette (#D3EEF0, #00A2B3, #00788D, #004353, #002633)
• Wandering Powder Corridor color palette (#DAFAEE, #AAE3EC, #96AEE2, #2B7087, #033026)
• Dusty Garden color palette (#EDEEDA, #349C97, #005457, #002D24, #000507)
• Indigo Market color palette (#DEF3EA, #0087B5, #7958B6, #006C4D, #001722)
• Petrol Delta color palette (#E7EAE2, #91B8DC, #3B6CA8, #004763, #041337)
• Softworn Orchid Summit color palette (#D3F2E3, #2A9ECA, #A35CA9, #005D7C, #2D0B30)

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