Sapphire Grove color palette — #E9F0FF · #ABC2FF · #7A8FFF · #1356F6 · #05025B
Built around Royal Blue, softened by Lavender Blue — the whole palette hums with creativity and calm.
The five colors
- Frost (#E9F0FF): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#ABC2FF): A luminous, balanced violet — the color of a velvet chair.
- Lavender Blue (#7A8FFF): A luminous, vivid violet — the color of twilight just after sunset.
- Royal Blue (#1356F6): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#05025B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Calm, Energy. Tagged monochrome, vibrant, cool.
Use it as a design system
One click turns Sapphire Grove 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
- Sunlit Ultramarine color palette (#E3EBFF, #97AFFF, #3A6BFF, #0C2ACB, #04045C)
- Ultramarine Courtyard color palette (#D2E0FF, #668FFF, #0344E0, #0B0088, #020025)
- Hazy Studio color palette (#DEF0FF, #9EC8FF, #23A4FD, #006EB7, #001F38)
- Faded Quarry color palette (#F1F5FF, #B5CDFF, #507AFF, #1E2BA3, #020026)
- Frosted Amethyst Workshop color palette (#EDE6FF, #D1B1FF, #B37DFF, #793EE4, #260044)
- Indigo Grove color palette (#FCEDF6, #B6BCFF, #DFA22D, #6A65E9, #1A0F00)
- Tempered Amethyst color palette (#DFDDF3, #857AE9, #7C15EC, #40008C, #02000D)
- Washed Indigo color palette (#F2DEEB, #7FDA40, #6365FF, #3D409B, #1A0815)
Browse the whole catalog at Explore, or see today's palette.