Tempered Sapphire color palette — #F5ECEF · #96B5CF · #4562B4 · #00504D · #331F5A

Royal Blue takes the lead with Royal Purple close behind in a set that reads as creativity and calm at first glance.

The five colors

• Blush (#F5ECEF): a clean, paper-quiet neutral.
• Ash (#96B5CF): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#4562B4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Royal Purple (#331F5A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Softworn Lantern color palette (#F0F8EF, #ACC8E4, #6872B4, #005F63, #442F5B)
• Muted Veranda color palette (#EFE8DD, #8FB9D6, #006BC6, #004955, #071138)
• Muted Forest color palette (#F3ECF4, #80BEC0, #007394, #005425, #082D58)
• Chalky Cobalt Meadow color palette (#FCF1FA, #9CDAE3, #0089C0, #006A44, #223C77)
• Patina Blush color palette (#E9F5FF, #B0B8F2, #D57AAB, #006862, #1F314D)
• Dusty Canyon color palette (#D3E9FF, #6795E0, #0052A9, #002561, #001331)
• Navy Canyon color palette (#E1F1EE, #0096A2, #006A94, #002D93, #242168)
• Muted Navy color palette (#F4E5EE, #5899B1, #004A89, #003128, #110044)

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