Cobalt Ridge color palette — #FFF2EA · #8FDBF4 · #2686C4 · #00675E · #273D6F
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Ice Blue (#8FDBF4): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#2686C4): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00675E): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#273D6F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Cobalt 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
- Forest Courtyard color palette (#FFF2EB, #7BE3DC, #008FA3, #0C6A3B, #10455E)
- Timeworn Cobalt color palette (#FBEFE7, #A0DAED, #2587D7, #006450, #1C1D4F)
- Tempered Garden color palette (#FEF3E8, #9CCBF1, #5675BD, #005E68, #4E2F41)
- Misty Cobalt Loft color palette (#FFF2E9, #40C8F8, #0071BD, #005653, #1D2B6C)
- Tempered Quarry color palette (#FFF0F9, #A3E7FF, #58A0EA, #00856E, #373A69)
- Chalky Basin color palette (#F0F7F1, #D0E0FF, #57C2FF, #00A5A8, #0F4171)
- Timeworn Coast color palette (#FAF4EE, #C7EAEC, #7F9AC5, #5B775F, #604B58)
- Washed Cerulean color palette (#FDECE3, #00A0BC, #004F74, #003129, #001135)
Browse the whole catalog at Explore, or see today's palette.