Cobalt Ridge color palette — #FFF0F9 · #7DDEFA · #1687C6 · #00685D · #273E6C
Built around Cerulean, softened by Ice Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Ice Blue (#7DDEFA): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#1687C6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00685D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#273E6C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Softworn Cobalt color palette (#FCEDF6, #92DDF3, #3A88CA, #00644F, #1B1D51)
- Cerulean Drift color palette (#FAF2F8, #BDE4F2, #5793AB, #386E5A, #324A61)
- Ancient Petrol color palette (#FBE9F1, #76BBDD, #246AB0, #00504F, #232A52)
- Cerulean Basin color palette (#F2DDEB, #00A0B9, #005072, #003128, #001232)
- Ancient Drift color palette (#F1F5FF, #FAD7FF, #F790A9, #3577AF, #414565)
- Sky Ridge color palette (#FBF4EA, #C4F1D7, #4FC3FF, #00A5A6, #004174)
- Gentle Summit color palette (#E7F4E6, #5285B2, #1B2F8C, #002127, #0B0027)
- Pale Violet Field color palette (#EAE8FF, #8059FF, #807400, #5B6800, #2F2A51)
Browse the whole catalog at Explore, or see today's palette.