Sapphire Studio color palette — #FFF0FC · #9CB9FF · #995FF0 · #3C66F7 · #211535
Sapphire takes the lead with Amethyst close behind in a set that reads as creativity and energy at first glance.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#9CB9FF): A luminous, balanced violet — the color of wild irises.
- Amethyst (#995FF0): A luminous, vivid violet — the color of wild irises.
- Sapphire (#3C66F7): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#211535): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Energy, Balance. Tagged duotone, vibrant.
Use it as a design system
One click turns Sapphire Studio 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 Cobalt color palette (#E4FBF5, #82C0FF, #8D70D9, #007AD1, #2E1221)
- Washed Dune color palette (#FFF0F8, #B5B0FF, #C057B4, #7456ED, #2F1317)
- Gentle Lapis Cabin color palette (#F5E6F0, #909CF5, #8D4FBC, #4E50C7, #1B050E)
- Worn Magenta color palette (#F0F5FF, #CBD7FF, #D044F7, #5469FF, #0B051E)
- Iris Summit color palette (#FDF1F8, #E6D4D4, #DCB7B3, #797CCF, #4D3846)
- Hushed Harbor color palette (#FFF0F7, #A284F4, #C03B8B, #006168, #002E66)
- Hushed Grape Loft color palette (#E9E7FF, #C7A3FF, #AF6AD7, #8D289C, #5E0058)
- Frosted Peony Grove color palette (#EDF6FF, #A3D5FF, #FF64BF, #15A2F9, #23162D)
Browse the whole catalog at Explore, or see today's palette.