Cerulean Lagoon color palette — #E8F0EB · #A8C8CA · #C5A9B2 · #288EA4 · #17221B

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

The five colors

• Cream (#E8F0EB): a clean, paper-quiet neutral.
• Stone (#A8C8CA): A luminous, dusty blue — the color of deep harbor water.
• Rosewood Mist (#C5A9B2): A luminous, dusty rose — the color of a warm blush.
• Cerulean (#288EA4): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#17221B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cobalt Basin color palette (#E0F0EA, #CCB3CB, #BF969B, #007AB0, #011912)
• Hushed Lagoon color palette (#EAEFE5, #ABC9BE, #8BB0A9, #009772, #1C2116)
• Abyss Thicket color palette (#D8E0E5, #ABB5BC, #7691A8, #004C5D, #000D15)
• Iris Studio color palette (#F4ECF0, #E2CECA, #D3B2A5, #9487C5, #392830)
• Cobalt Basin color palette (#C6E8DD, #0080C7, #324069, #07231C, #000201)
• Muted Periwinkle Market color palette (#CBE3F0, #78A2E0, #9180B5, #635C57, #362700)
• Denim Quarry color palette (#E9E2E7, #B99999, #A77F78, #4E5E9E, #0F060D)
• Patina Boulevard color palette (#D6EEE3, #009DCF, #9F45B2, #803A00, #021701)

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