Sapphire Ridge color palette — #FFE8F2 · #286DFC · #117714 · #051014 · #000202
Built around Sapphire, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Blush (#FFE8F2): A whisper-light, dusty rose — the color of strawberry cream.
- Sapphire (#286DFC): A full-bodied, vivid violet — the color of wild irises.
- Olive (#117714): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#051014): quiet, heavy and certain.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, 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
- Faded Indigo color palette (#FFE8E5, #7354FF, #008357, #011110, #000202)
- Wandering Pier color palette (#FAE3EB, #0081C7, #5D7B00, #021107, #000202)
- Weathered Magenta color palette (#F6E3D5, #C62DFB, #008D9E, #00161A, #000204)
- Abyss Parlor color palette (#DEF0F4, #94A9B1, #708A9A, #00514A, #000C0F)
- Patina Cypress Basin color palette (#DAF4ED, #008387, #004E5D, #002436, #000410)
- Misty Aubergine Canyon color palette (#DBEDE1, #00633A, #630E8C, #510021, #000202)
- Patina Jade Harbor color palette (#FCDDD9, #6DADFF, #00BA87, #003436, #031617)
- Worn Courtyard color palette (#FCECDF, #FF78D5, #00A7CB, #002F3B, #0B1C24)
Browse the whole catalog at Explore, or see today's palette.