Tempered Sapphire color palette — #DFEBFF · #4163D7 · #6F6000 · #4D4200 · #03072D

Built around Royal Blue, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Frost (#DFEBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Royal Blue (#4163D7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Olive (#6F6000): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4D4200): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#03072D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Byzantium Parlor color palette (#E1E3FE, #874CBF, #5A6900, #3E4800, #140324)
• Petrol Boulevard color palette (#D0E9FF, #0076AE, #904C00, #653300, #000F1D)
• Lapis Delta color palette (#DAE2F2, #4445D9, #385F00, #004120, #02001D)
• Timeworn Indigo color palette (#E2EAFE, #6862D2, #813D00, #003C36, #001517)
• Washed Lantern color palette (#D6EEDE, #005C6B, #4C4400, #183000, #001015)
• Frosted Corridor color palette (#FFE6F2, #7B4BE3, #AF1F00, #254200, #040002)
• Weathered Mulberry color palette (#DEE4D7, #7870D5, #8D2B6E, #004333, #200634)
• Magenta Cabin color palette (#F0EAFD, #CD50BE, #BE6300, #7C5D00, #110720)

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