Sapphire Ridge color palette — #FDF1FB · #98BAFF · #A25FE2 · #2F68F9 · #2F111E
Built around Royal Blue, softened by Amethyst — the whole palette hums with creativity and energy.
The five colors
- Ivory (#FDF1FB): bright and airy, almost weightless.
- Sky (#98BAFF): A luminous, balanced violet — the color of wild irises.
- Amethyst (#A25FE2): A luminous, vivid violet — the color of wild irises.
- Royal Blue (#2F68F9): A full-bodied, vivid violet — the color of twilight just after sunset.
- Onyx (#2F111E): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Creativity, Energy, Balance. Tagged duotone, 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
- Timeworn Violet color palette (#FFF0F7, #BFABFF, #BD5AB5, #8355DE, #321017)
- Washed Indigo color palette (#E6FBF4, #77C2FF, #6977F1, #007DC4, #151939)
- Dusty Workshop color palette (#EFF6FF, #C4D9FF, #9972FF, #3776EF, #06081A)
- Ancient Lapis Loft color palette (#F3E7EF, #8A9CFD, #9252AB, #464DD3, #1C040C)
- Misty Grape color palette (#EAEAFF, #BCA5FF, #A063D4, #8B2EA3, #5C005B)
- Muted Iris color palette (#FCF2F8, #E8D4D5, #D5B7B5, #7680C4, #4B3946)
- Wisteria Workshop color palette (#FFF2EF, #B78EFE, #A25EAF, #923C2B, #3F2A52)
- Chalky Magenta color palette (#FFF1F7, #CCD6FF, #C5ACFF, #C863ED, #3E2A58)
Browse the whole catalog at Explore, or see today's palette.