Cerulean Ridge color palette — #FBF2FC · #96D2CD · #0086A0 · #385E33 · #1C3D59

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

The five colors

• Ivory (#FBF2FC): bright and airy, almost weightless.
• Lagoon (#96D2CD): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0086A0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#385E33): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#1C3D59): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Cobalt color palette (#FBF2F6, #94CEEC, #5678B1, #006158, #393559)
• Worn Lagoon Market color palette (#F2F2EA, #B6D0B3, #188C91, #005D4F, #00262B)
• Wandering Quarry color palette (#EDF8F5, #B5DCE6, #31A8AE, #007E6C, #00434B)
• Antique Drift color palette (#FCF2F5, #DADEEE, #8B97C0, #4A7682, #4E5166)
• Hushed Courtyard color palette (#EDDFED, #319093, #004358, #00240B, #00091B)
• Aged Basin color palette (#FDF3ED, #CFE8CD, #62C1D6, #30A466, #00405B)
• Weathered Seafoam Coast color palette (#D8FFF6, #9EEECD, #79BDE2, #856B37, #1F4445)
• Misty Turquoise color palette (#F0DFEE, #38B1BB, #005F81, #004122, #061D44)

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