Tempered Sapphire color palette — #DDEBFF · #1D5EEA · #834800 · #002A91 · #2B1400
Built around Royal Blue, softened by Indigo — the whole palette hums with optimism and energy.
The five colors
- Frost (#DDEBFF): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#1D5EEA): A full-bodied, vivid violet — the color of a velvet chair.
- Bronze (#834800): A full-bodied, balanced gold — the color of honey in a jar.
- Indigo (#002A91): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#2B1400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, 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
- Linen Drift color palette (#E4EBF9, #4932E8, #564C00, #220084, #131000)
- Timeworn Ultramarine color palette (#F2E4F1, #447EF8, #A26400, #0441C4, #291600)
- Cobalt Boulevard color palette (#DBECFD, #006FB5, #6F5300, #003960, #0C0700)
- Washed Boulevard color palette (#D6E1F0, #0056B5, #6C4300, #483C00, #00102D)
- Feathered Amethyst Bloom color palette (#E5E8FF, #8342D0, #3D6700, #4C0087, #0F2000)
- Quiet Violet Orchard color palette (#E5E0FF, #905AFF, #807000, #5B15B8, #362E00)
- Quiet Ultramarine color palette (#EEE3EF, #78B2FF, #C18003, #005AB8, #281600)
- Airy Terracotta color palette (#DAF4FE, #007C87, #A41C00, #004248, #380400)
Browse the whole catalog at Explore, or see today's palette.