Cerulean Garden color palette — #E4E7D5 · #3BA1B7 · #00627B · #003B3E · #000B13

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E4E7D5): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#3BA1B7): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00627B): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003B3E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Bloom color palette (#FAE9E0, #64AFC0, #005A8A, #002D1F, #00000B)
• Hushed Cerulean color palette (#F4EADB, #408C9E, #00425A, #002221, #000A17)
• Patina Ultramarine color palette (#E9EEE1, #6697C6, #0054AF, #003850, #00022C)
• Timeworn Petrol color palette (#E2EEE4, #71ABB9, #007FA8, #005D5A, #000A17)
• Feathered Harbor color palette (#ECF1E3, #86CEFC, #488CC5, #006883, #0E2E53)
• Soft Plum Study color palette (#FCE8E9, #B0009C, #005E8B, #620056, #00070F)
• Faded Azure Archive color palette (#F4F7EB, #A9E5FF, #00A8E8, #008093, #0B4368)
• Wandering Ember color palette (#FFE5F0, #E88399, #C76461, #713862, #1D0008)

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