Tempered Sapphire color palette — #EFF6FF · #83ADFF · #A5AC18 · #1E60F3 · #3B3E00

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#83ADFF): A luminous, balanced violet — the color of wild irises.
• Gold (#A5AC18): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#1E60F3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#3B3E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Dusty Indigo color palette (#FFF0FB, #B2C5FF, #B4B925, #5670E5, #303100)
• Hazy Cobalt Pier color palette (#EEF6FF, #8BC5FF, #BD9500, #006BB7, #493800)
• Amethyst Delta color palette (#EBEDFF, #B295EC, #92AA17, #7A4BC1, #313B00)
• Dusty Lapis color palette (#FFF0FA, #7A84FF, #917F00, #4742CA, #443B00)
• Washed Nightshade color palette (#D6DDF6, #A599FF, #8D8B00, #5535B4, #2C2B00)
• Orchid Delta color palette (#F5F3FF, #D8A0E2, #7BC16C, #A057AD, #304A2B)
• Wandering Pier color palette (#ECF7FF, #69CCFF, #E15B00, #0082B1, #632401)
• Soft Emerald color palette (#E3EBFF, #8DADFF, #35AA67, #6D8800, #222F50)

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