Cerulean Ridge color palette — #CDEDF8 · #0085A3 · #003B62 · #001F28 · #010B02

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

The five colors

• Frost (#CDEDF8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0085A3): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003B62): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001F28): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010B02): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged noir, dark, luxury, 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 Station color palette (#DBF1D7, #008A83, #00404B, #092106, #040A00)
• Cobalt Grove color palette (#E2EFFF, #0077DB, #2C297A, #001A39, #000A06)
• Cerulean Cabin color palette (#C5EFFD, #00A2C3, #385A87, #003B4A, #00090D)
• Shadow Onyx Ridge color palette (#CFE4EB, #00657A, #07174F, #001207, #000201)
• Muted Indigo Harbor color palette (#FAEAF5, #6772E2, #46365F, #2D1B28, #110A12)
• Weathered Turquoise color palette (#E8F5EF, #56A6CD, #655065, #2E3B36, #1E231F)
• Weathered Cerulean color palette (#FEF4E3, #6FE0DC, #009EAE, #007557, #003948)
• Hushed Courtyard color palette (#DDE9FF, #4A85FF, #EF0032, #158618, #071F54)

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