Tempered Sapphire color palette — #EDD6EA · #81AEFF · #D5A31F · #3571E1 · #362600
Sapphire and Gold set the tone — five colors that lean into trust and stability.
The five colors
- Thistle (#EDD6EA): A whisper-light, dusty pink — the color of peonies in June.
- Cornflower (#81AEFF): A luminous, balanced violet — the color of wild irises.
- Gold (#D5A31F): A luminous, balanced gold — the color of afternoon light on wheat.
- Sapphire (#3571E1): A full-bodied, vivid violet — the color of wild irises.
- Espresso (#362600): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, 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
- Cobalt Drift color palette (#EAD7EC, #92C8FF, #E48830, #0071C3, #401F00)
- Dusty Iris color palette (#FAE8F5, #ACBAFF, #CCAE43, #7685F1, #413400)
- Amethyst Chapel color palette (#F0D6E3, #C2B7FF, #C39D17, #734FD6, #342700)
- Misty Studio color palette (#FFF0FD, #81A9F6, #B58E05, #0049EC, #201700)
- Ancient Studio color palette (#CCE0FC, #6094FD, #AA7E00, #2659CA, #362600)
- Byzantium Terrace color palette (#F6D3DE, #D9ADFF, #77B646, #913EC8, #173100)
- Wandering Ember Coast color palette (#CAE6D3, #37D8F4, #E35E31, #0092A7, #4C1200)
- Moss Alley color palette (#E4ECFF, #94B1FF, #8AA646, #9A7D00, #101B43)
Browse the whole catalog at Explore, or see today's palette.