Tempered Sapphire color palette — #F7E1F2 · #3B5CE3 · #725400 · #152198 · #241800
A conversation between Royal Blue and Indigo, giving this palette its sense of optimism and creativity.
The five colors
- Blush (#F7E1F2): A whisper-light, dusty pink — the color of peonies in June.
- Royal Blue (#3B5CE3): A full-bodied, vivid violet — the color of twilight just after sunset.
- Coffee (#725400): A full-bodied, balanced gold — the color of old brass.
- Indigo (#152198): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#241800): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, 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
- Cobalt Market color palette (#C9F0E6, #006FC0, #7D4D00, #003A69, #291600)
- Soft Pier color palette (#DFE9F9, #5B7CEF, #926F00, #2737CB, #241900)
- Misty Dune color palette (#EBE9FF, #6A00EA, #504F00, #320077, #111000)
- Feathered Atelier color palette (#F1D7E1, #8340D3, #4E6300, #491080, #161E00)
- Linen Lapis Boulevard color palette (#E1E6F8, #411BF0, #8C2000, #004A27, #0B0D2D)
- Quiet Orchid color palette (#FFD8E7, #AC6AFF, #5C7D00, #560096, #243400)
- Patina Terracotta Atelier color palette (#E1F1E7, #007994, #9F2700, #00404F, #360700)
- Iris Orchard color palette (#FFF0FA, #8D94F5, #9D8A1A, #5A5E9E, #4B4316)
Browse the whole catalog at Explore, or see today's palette.