Cerulean Ridge color palette — #EBF8F8 · #C6E4FF · #89B6E6 · #4596B9 · #223A5F

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF8F8): bright and airy, almost weightless.
• Powder Blue (#C6E4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#89B6E6): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#4596B9): A luminous, balanced blue — the color of open sky before noon.
• Navy (#223A5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Lagoon Workshop color palette (#ECF8F6, #C1E8F4, #63C2CF, #11A194, #03424E)
• Washed Periwinkle Villa color palette (#FEF1F6, #B9D9F3, #7395D3, #007B83, #36355C)
• Sunlit Cobalt Workshop color palette (#E2F2F2, #7DA5CB, #3874C3, #00587B, #00012E)
• Softworn Boulevard color palette (#F8E8FE, #FF9CBA, #87AFFF, #DC628C, #1B3265)
• Cobalt Archive color palette (#F0F3EA, #A3D4C4, #437FBC, #005773, #2E162E)
• Hushed Cerulean Boulevard color palette (#E2F4F1, #72BDCE, #0091B3, #006C71, #001721)
• Washed Pier color palette (#F5DBF4, #FF828B, #CF9B1B, #AC81C9, #3A213A)
• Weathered Corridor color palette (#DCEEDC, #D8BE8B, #BB9765, #95724F, #1E3727)

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