Cerulean Garden color palette — #ECF4EE · #B3E6F3 · #4C9BA4 · #376A55 · #10303F

Storm Blue takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#ECF4EE): a clean, paper-quiet neutral.
• Powder Blue (#B3E6F3): A whisper-light, dusty blue — the color of deep harbor water.
• Storm Blue (#4C9BA4): A luminous, dusty blue — the color of open sky before noon.
• Pine (#376A55): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#10303F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Cerulean Coast color palette (#ECF5ED, #91D4DE, #0089A9, #005C52, #002437)
• Teal Corridor color palette (#B5EED2, #1FBB96, #00928B, #006165, #00313A)
• Weathered Lagoon Quarry color palette (#E1EDE3, #389AA0, #005262, #002D24, #00050A)
• Aged Bloom color palette (#DFF7FF, #CAD7EC, #A1C6F9, #4F8A7C, #1C333C)
• Teal Hollow color palette (#DDF7FF, #00BBBA, #C76E81, #007473, #341D39)
• Muted Balcony color palette (#DEF7FF, #00A1A9, #9B6AA4, #856527, #00232C)
• Aged Lantern color palette (#F6F6EE, #C5E3D9, #6BB3B5, #448979, #305039)
• Softworn Delta color palette (#FFECF5, #D0A170, #9A6748, #5E4157, #152819)

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