Cerulean Lagoon color palette — #DEE1D2 · #3A8CA6 · #00425B · #002227 · #000A15

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

The five colors

• Bone (#DEE1D2): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#3A8CA6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#00425B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002227): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Cerulean Lagoon 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

• Softworn Field color palette (#EEF3DC, #2A9CC8, #004F74, #002E38, #001528)
• Cobalt Market color palette (#FAECE3, #72AABF, #0074D5, #005F50, #08002A)
• Soft Loft color palette (#F4F1D7, #6EA355, #2C854B, #333300, #0B0A00)
• Petrol Summit color palette (#ECF1E4, #7DB7EC, #2A68B3, #004B69, #172B56)
• Fern Lantern color palette (#F7EDCC, #565400, #00474E, #232200, #000709)
• Patina Bloom color palette (#F5F6EE, #88D4D5, #008893, #006156, #1E442D)
• Cobalt Lagoon color palette (#F3F7E8, #94D8FF, #0086CD, #00637A, #214263)
• Hushed Cypress color palette (#F6F6ED, #C3EDDF, #6BA5A7, #427B6D, #45584A)

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