Cerulean Lagoon color palette — #F6EFF6 · #B8E5F2 · #3D9AB9 · #356C3F · #192D43

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Powder Blue (#B8E5F2): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3D9AB9): A luminous, balanced blue — the color of open sky before noon.
• Pine (#356C3F): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#192D43): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Washed Courtyard color palette (#F9EFF2, #C2E0FA, #728AD1, #096C6B, #272A42)
• Cypress Bloom color palette (#F0F7F1, #BAE5F1, #4A97A4, #2B705B, #2B4C5F)
• Aged Parlor color palette (#F8F5EF, #BAE4EA, #49CFE4, #47927A, #224837)
• Washed Turquoise color palette (#FDF2EF, #CEEFCE, #57B2D1, #58885E, #534055)
• Denim Pier color palette (#F8EAF5, #4398A1, #00506F, #002E18, #000217)
• Washed Iris color palette (#FEEDF2, #D49549, #6D87E2, #8C5700, #182742)
• Petrol Meadow color palette (#EEE6ED, #7CC1C3, #007698, #004F22, #001533)
• Nightshade Cabin color palette (#FBEAF1, #4B7FA0, #111CA5, #001F1E, #020008)

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