Cerulean Garden color palette — #FBEFE9 · #C2E7CE · #5896B8 · #1F6C5D · #382439

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

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Celadon Mist (#C2E7CE): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#5896B8): A luminous, balanced blue — the color of deep harbor water.
• Pine (#1F6C5D): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#382439): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Timeworn Ash color palette (#F7F1EA, #C0ECF2, #879BCB, #38757F, #442E3A)
• Powdered Cerulean color palette (#FDEEE7, #79E2F1, #008FBC, #00644F, #072644)
• Tempered Teal Terrace color palette (#CCF1E3, #00C8C1, #008C9E, #005A78, #371F3A)
• Turquoise Pier color palette (#E4F8EC, #00B5DD, #C3756A, #007089, #421814)
• Ancient Cerulean Ridge color palette (#F1E3D9, #0099BD, #004D7B, #002C28, #00001E)
• Tempered Cabin color palette (#E3F8EB, #DBDDF0, #C3B9F0, #538A7C, #253932)
• Aqua Study color palette (#E1F6FF, #5ECBFF, #1C86B9, #004762, #001B26)
• Pale Cerulean color palette (#D7FCE8, #009CC2, #B6664F, #9A5731, #0D2319)

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