Sapphire Ridge color palette — #ECDDE8 · #4860FF · #332E68 · #291025 · #100210
A conversation between Sapphire and Navy, giving this palette its sense of creativity and energy.
The five colors
- Shell Pink (#ECDDE8): A whisper-light, dusty pink — the color of neon signs at night.
- Sapphire (#4860FF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Navy (#332E68): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#291025): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#100210): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, Energy, Balance. Tagged noir, dark, luxury, vibrant.
Use it as a design system
One click turns Sapphire 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
- Washed Loft color palette (#EBD9EC, #0078D8, #223565, #261129, #000A06)
- Indigo Station color palette (#E5EFFF, #516AFF, #281C60, #020224, #000105)
- Quiet Byzantium color palette (#FFE9F1, #9B23FB, #4A2658, #2D0F1D, #10030A)
- Patina Cornflower color palette (#D3E2F9, #6088FF, #654986, #253358, #010811)
- Cellar Ultramarine color palette (#F6E2F2, #2431EC, #2A0946, #020334, #000A06)
- Chalky Magenta color palette (#E8E0ED, #C638FE, #E91D42, #0072BE, #360D46)
- Muted Orchid Villa color palette (#F5DCE0, #B451BB, #543638, #2E1C1F, #16090D)
- Worn Lantern color palette (#CEE9DA, #0084A4, #003D58, #002113, #000B03)
Browse the whole catalog at Explore, or see today's palette.