Tempered Sapphire color palette — #F2F4FF · #A2A7FF · #415BD8 · #2A2C8B · #1D1B61
A conversation between Royal Blue and Indigo, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#F2F4FF): a clean, paper-quiet neutral.
- Lavender (#A2A7FF): A luminous, balanced violet — the color of twilight just after sunset.
- Royal Blue (#415BD8): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#2A2C8B): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#1D1B61): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Energy, Balance. Tagged monochrome, cool.
Use it as a design system
One click turns Tempered Sapphire 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 Meadow color palette (#F5F4FF, #C097FF, #6C48C5, #422483, #2A114F)
- Wandering Orchard color palette (#F2F5FF, #C1CFFF, #91A2FF, #5462FC, #1C036A)
- Muted Nightshade Field color palette (#F2F5FF, #AEB7FF, #727DEC, #4746B1, #1B1461)
- Sky Meadow color palette (#EBF7FF, #4EB8FF, #0067B0, #003E6E, #002545)
- Mallow Quarry color palette (#FBF1FF, #DA9CE0, #915E9D, #5F3462, #3F2343)
- Antique Delta color palette (#FFF0F7, #A58BFF, #845C00, #5C37AE, #2A1901)
- Misty Fuchsia Dune color palette (#FDF0FF, #EF7BF8, #9333A4, #5C116D, #3D0746)
- Nightshade Boulevard color palette (#FFF0FB, #00BF81, #2B3A9C, #162053, #241521)
Browse the whole catalog at Explore, or see today's palette.