Tempered Sapphire color palette — #EFF6FF · #2267FB · #A82E7A · #00564D · #192C47
Royal Blue and Magenta Rose set the tone — five colors that lean into calm and energy.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Royal Blue (#2267FB): A full-bodied, vivid violet — the color of wild irises.
- Magenta Rose (#A82E7A): A full-bodied, vivid rose — the color of pressed rose petals.
- Forest (#00564D): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#192C47): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Calm, Energy, Balance. Tagged vibrant, 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
- Muted Plum color palette (#EDF6FF, #007BC7, #9D3197, #00583F, #0B2E49)
- Patina Lapis Coast color palette (#E8EEFF, #6652E6, #983D58, #004F54, #1D253D)
- Gentle Dune color palette (#F4F4FF, #A344E6, #A20F53, #004856, #1B286A)
- Timeworn Violet color palette (#F3F4FF, #9665CD, #9C5D54, #045D71, #303145)
- Soft Cornflower color palette (#EAF3FF, #3F87FF, #973A00, #474F00, #021232)
- Tempered Pewter Courtyard color palette (#F2F5FF, #E1D5E9, #BAB8D9, #6C6099, #3B3F51)
- Worn Orchid Archive color palette (#FFF2EE, #B757EA, #9A238B, #732C00, #363050)
- Misty Byzantium Lagoon color palette (#F5F3FF, #AE2FCA, #B13700, #005074, #2C2742)
Browse the whole catalog at Explore, or see today's palette.