Tempered Sapphire color palette — #D8E6FC · #638AE5 · #4A5AE0 · #3A358A · #1B173E
Royal Blue and Lavender Blue set the tone — five colors that lean into creativity and energy.
The five colors
- Frost (#D8E6FC): A whisper-light, dusty blue — the color of deep harbor water.
- Lavender Blue (#638AE5): A luminous, balanced violet — the color of wild irises.
- Royal Blue (#4A5AE0): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#3A358A): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#1B173E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Energy, Balance. Tagged vibrant.
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
- Frosted Periwinkle Meadow color palette (#CBE4F5, #43A0FF, #5463CC, #503D81, #422C55)
- Tempered Grape Canyon color palette (#E9E7FF, #A483E3, #7E3AC3, #562072, #32153B)
- Feathered Alley color palette (#EBF7FF, #A9CFFF, #6C7CFF, #634DA9, #332142)
- Nightshade Boulevard color palette (#F8E2EF, #8588D6, #CA4A53, #4A3DB3, #36090E)
- Muted Thicket color palette (#CCE9F5, #009DD5, #006CA2, #003E6A, #001D40)
- Violet Garden color palette (#D8DDFF, #A199E6, #8362CF, #593E80, #43212D)
- Tempered Grape color palette (#FFECF5, #AC99ED, #6D47BA, #391E73, #11002C)
- Pale Nightshade Market color palette (#D5DEF8, #4C51DA, #4A00C6, #25005E, #0F0026)
Browse the whole catalog at Explore, or see today's palette.