Tempered Sapphire color palette — #DAE5F6 · #0757ED · #705300 · #002792 · #090500

Royal Blue takes the lead with Indigo close behind in a set that reads as optimism and energy at first glance.

The five colors

• Frost (#DAE5F6): A whisper-light, dusty blue — the color of open sky before noon.
• Royal Blue (#0757ED): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#705300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Indigo (#002792): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#090500): 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

• Gentle Navy color palette (#F2E3F0, #3D66BC, #6F4E00, #00187B, #020100)
• Frosted Field color palette (#E3EEFF, #0646B2, #503A00, #001955, #090500)
• Antique Chapel color palette (#E7EAFA, #801EEA, #5B5D00, #470089, #060600)
• Pale Lapis Lantern color palette (#F9E5F3, #5E71E5, #9A6300, #3700ED, #0B0400)
• Terracotta Veranda color palette (#D8E6F1, #00729F, #943500, #003D58, #100200)
• Ultramarine Grove color palette (#F4DAC8, #00999B, #0045E0, #0E0423, #000207)
• Nightshade Corridor color palette (#D5DEF5, #9D9CFF, #8B8B00, #4C40AA, #2B2B00)
• Patina Lilac color palette (#D7E2F0, #A98BDF, #B3649B, #005978, #0C092D)

Browse the whole catalog at Explore, or see today's palette.