Cerulean Ridge color palette — #F8EEF7 · #A1D0DF · #0088B0 · #185E33 · #0E2137

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8EEF7): bright and airy, almost weightless.
• Sky (#A1D0DF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0088B0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#185E33): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0E2137): 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 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

• Antique Cobalt color palette (#F9EFF2, #ADCBE6, #6377BE, #005B5B, #1C1D39)
• Tempered Terrace color palette (#EDF9EF, #8DD3D7, #00879D, #006150, #1D3E53)
• Cobalt Lagoon color palette (#D9E7F3, #0085BF, #787100, #476700, #001627)
• Muted Azure color palette (#FEF2EE, #93E5E8, #31A3CC, #387C4D, #233B5B)
• Worn Villa color palette (#E8F3FF, #DFD7FF, #FF97AF, #007D8F, #152138)
• Worn Lagoon color palette (#F0E5EE, #2B8690, #00415B, #002110, #000109)
• Weathered Sapphire color palette (#FBEEF2, #82C3F4, #4255FF, #005151, #210A3D)
• Nightshade Grove color palette (#EBDAE2, #5292B4, #0037B5, #002C28, #050018)

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