Tempered Sapphire color palette — #FFE5FC · #1962F8 · #6D6000 · #413900 · #000109

Royal Blue takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFE5FC): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#1962F8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Olive (#6D6000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#413900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000109): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Tempered Orchard color palette (#D3F8ED, #0077BF, #7E5700, #4C3300, #000103)
• Pale Lapis Boulevard color palette (#F2E1EC, #4D1DF9, #385800, #0E3100, #01000A)
• Misty Violet color palette (#FFE6F1, #9053FF, #355E00, #234200, #040002)
• Violet Veranda color palette (#FFECF6, #7D4DFF, #7B3700, #002C22, #000202)
• Muted Nightshade color palette (#D9E4F6, #273FB9, #643500, #222E00, #040929)
• Faded Corridor color palette (#FFE6F7, #6D7CF5, #A47500, #805B00, #070829)
• Linen Wisteria Station color palette (#F7F3FF, #BA7FFF, #6C7700, #525B00, #140028)
• Violet Lantern color palette (#F1F1CA, #866CFF, #94096C, #00351F, #080011)

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