Tempered Sapphire color palette — #D5E6FF · #669CFF · #789B00 · #0558EB · #263400
A conversation between Royal Blue and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Frost (#D5E6FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#669CFF): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#789B00): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#0558EB): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Forest (#263400): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Energy. 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
- Feathered Thicket color palette (#DBE4FF, #ABA1FF, #749B00, #5F00E4, #243400)
- Ancient Lapis color palette (#F2F5FF, #9CACFF, #B59A06, #4C49ED, #251E00)
- Faded Denim Lagoon color palette (#D3E7FF, #75B2FF, #B38200, #0058AD, #3D2A00)
- Linen Studio color palette (#D1E1FF, #4A85FF, #AA7400, #09861F, #081F53)
- Timeworn Byzantium Harbor color palette (#F4F4FF, #DCA5FF, #8EA800, #9611CD, #354000)
- Wandering Aubergine Lantern color palette (#DFD9F8, #DA83E3, #669700, #831B8E, #1D2F00)
- Worn Lantern color palette (#C9EAFF, #2EC0F2, #C65500, #007496, #4E1D00)
- Softworn Marigold color palette (#F3F4FF, #CCB8F3, #DBA759, #947FBD, #3B553C)
Browse the whole catalog at Explore, or see today's palette.