Cerulean Ridge color palette — #F0F7F2 · #C2E3EB · #3E99A5 · #326F59 · #2D4C5D

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#C2E3EB): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3E99A5): A luminous, balanced blue — the color of open sky before noon.
• Pine (#326F59): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#2D4C5D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Cerulean Ridge 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 Powder color palette (#E7F9FF, #D2DAE7, #C3C0F5, #499085, #3C5360)
• Softworn Workshop color palette (#EDF9EF, #A3CCDD, #0E85A6, #006158, #0C3F5B)
• Muted Bloom color palette (#F5F0F5, #C6E2EA, #399BB8, #23702C, #0E2E4B)
• Hushed Pier color palette (#D9E5DB, #429FA7, #005364, #003129, #001622)
• Ancient Bloom color palette (#F9F4ED, #C6E6DC, #6ECEDB, #62A98D, #2D503F)
• Dusty Pine color palette (#FDF3F0, #C9E4DC, #55B3D0, #498C4E, #2D4A67)
• Teal Workshop color palette (#BDEED3, #60C5AB, #008D86, #006068, #1C415E)
• Coral Basin color palette (#E6F9FF, #2EB4B6, #C56A74, #007476, #523754)

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