Cobalt Ridge color palette — #FDF2F6 · #9CCCE9 · #5076C0 · #00605A · #323858
Built around Azure, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FDF2F6): a clean, paper-quiet neutral.
- Sky (#9CCCE9): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#5076C0): A full-bodied, balanced violet — the color of wild irises.
- Pine (#00605A): A full-bodied, dusty teal — the color of sea glass.
- Navy (#323858): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Tempered Orchard color palette (#FAF2FA, #A5CDD7, #0086A2, #2D602C, #1F3D58)
- Hushed Boulevard color palette (#F6F1EA, #A3D4C1, #507FAF, #005A65, #30152D)
- Worn Pine color palette (#D8E5FF, #6070CC, #1C8311, #006C48, #1E2B46)
- Hushed Petrol color palette (#F2F5FF, #FFCEEE, #DF9A84, #266A9C, #3D3A51)
- Softworn Cypress Quarry color palette (#FAF3F6, #D8DEF0, #7E9AC6, #337D73, #4C5265)
- Ancient Onyx color palette (#E5DBE3, #399FAC, #005072, #00321D, #010B3F)
- Worn Garden color palette (#EEE0E4, #7DA3C3, #3948B3, #003E3E, #271142)
- Powder Lagoon color palette (#FCF3EC, #BCEDD9, #87B4F1, #2C9DA1, #4E2F44)
Browse the whole catalog at Explore, or see today's palette.