Tempered Sapphire color palette — #EFF6FF · #9CBFFF · #DA9A0F · #2769ED · #372400
Royal Blue takes the lead with Gold close behind in a set that reads as optimism and energy at first glance.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Sky (#9CBFFF): A luminous, balanced violet — the color of wild irises.
- Gold (#DA9A0F): A luminous, balanced gold — the color of honey in a jar.
- Royal Blue (#2769ED): A full-bodied, vivid violet — the color of twilight just after sunset.
- Espresso (#372400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, 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
- Marigold Field color palette (#EDF7FF, #77C9FF, #DF9422, #007EB9, #3A2200)
- Aged Indigo Study color palette (#F2F5FF, #BBB4FF, #97B552, #735BD6, #212D00)
- Iris Archive color palette (#F1F5FF, #CDCFFF, #C6BE6D, #7D77EF, #3F3A00)
- Hushed Lime color palette (#E1F4EC, #6BCBFF, #67CC45, #009DD9, #1E3F13)
- Cerulean Lantern color palette (#EFF6FF, #DED9E2, #B9B0A1, #2598C9, #262E4C)
- Sunlit Cornflower color palette (#FCE6FC, #3F8CF4, #947400, #1B54A0, #433301)
- Quiet Grape Coast color palette (#F3F4FF, #CEAFFF, #65AB00, #8200DB, #112400)
- Frosted Ultramarine Quarry color palette (#E5EFFF, #708BE7, #8E7900, #2700E0, #0A0700)
Browse the whole catalog at Explore, or see today's palette.