Cobalt Ridge color palette — #DCE4F0 · #4D70C5 · #2C2D4D · #0D1625 · #03070B
Built around Sapphire, softened by Navy — the whole palette hums with creativity and sophistication.
The five colors
- Frost (#DCE4F0): a clean, paper-quiet neutral.
- Sapphire (#4D70C5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#2C2D4D): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#0D1625): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#03070B): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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
- Aged Iris color palette (#EBEDF8, #8A76B4, #3E374C, #1B1D2A, #0A0D11)
- Ancient Cornflower Terrace color palette (#F1DEEE, #5986FF, #5F444F, #362934, #121A17)
- Linen Boulevard color palette (#EFF1FF, #967DCA, #828600, #387B50, #1A1C30)
- Weathered Iris color palette (#F9EFF2, #C6E0F5, #608ED4, #0B6B70, #232B41)
- Obsidian Villa color palette (#D4DDFC, #6000E6, #35003B, #080023, #000105)
- Quiet Violet Atelier color palette (#D1E6FF, #8E9DEB, #8465CC, #684181, #332949)
- Plum Station color palette (#EBE2F6, #A32C80, #3F1518, #11071B, #020206)
- Moss Alley color palette (#F0F0FF, #B68FDF, #929B13, #73499B, #003022)
Browse the whole catalog at Explore, or see today's palette.