Cerulean Garden color palette — #B2F2E8 · #36B5BD · #0085A9 · #005D85 · #304469

A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.

The five colors

• Sea Foam (#B2F2E8): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#36B5BD): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0085A9): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005D85): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#304469): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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 Field color palette (#C0EDD1, #59B1DA, #3F7ABF, #465595, #473E65)
• Worn Archive color palette (#B9F5EB, #58DCE6, #00C1E7, #398ABE, #314661)
• Lagoon Study color palette (#C3EBC7, #5FC2A4, #00958B, #006472, #2C4367)
• Gentle Petrol Drift color palette (#D8FFF3, #84BCE6, #2176A5, #004768, #002F4D)
• Nightshade Quarry color palette (#D4F0F4, #009BC4, #00669E, #0029BA, #271D82)
• Amber Harbor color palette (#E5FCEF, #5CACC6, #B37C4B, #00718C, #5E3813)
• Cerulean Archive color palette (#DDFFE8, #86C3E5, #668DC1, #516091, #674656)
• Worn Lagoon Alley color palette (#E5FCF0, #F4DAD5, #D1B9E0, #3F8987, #36564E)

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