Tempered Sapphire color palette — #F6DDF7 · #0176E7 · #313F6B · #29132B · #000202
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#F6DDF7): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#0176E7): A full-bodied, vivid blue — the color of open sky before noon.
- Navy (#313F6B): A deep, shadowed, dusty violet — the color of wild irises.
- Deep Indigo (#29132B): A deep, shadowed, dusty pink — the color of a candy shop window.
- Black (#000202): a grounded near-black with real depth.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged noir, dark, luxury.
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
- Timeworn Violet Orchard color palette (#FFE3F2, #7856F2, #493765, #2F1123, #040003)
- Timeworn Grove color palette (#D5EFE5, #0083BA, #224467, #00241A, #000201)
- Eclipse Denim color palette (#F6DFF8, #0060B2, #241C46, #120314, #000201)
- Patina Iris color palette (#E4E2FF, #8F77FF, #604F7C, #4A273C, #11020D)
- Obsidian Navy Ridge color palette (#E1EFFF, #004187, #1B1218, #040730, #000105)
- Timeworn Station color palette (#EDE0EB, #84A7FA, #7F6876, #524550, #1D161D)
- Hazy Indigo color palette (#DEE7FE, #7E8BFF, #6E63F0, #5435B2, #200745)
- Tempered Fuchsia color palette (#FCD6DD, #D76FEB, #7D5A75, #59363E, #1D0B11)
Browse the whole catalog at Explore, or see today's palette.