Tempered Sapphire color palette — #E5EFFF · #3F62FF · #7F6100 · #1C2DAE · #160E00

Sapphire and Indigo set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#E5EFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sapphire (#3F62FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ochre (#7F6100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Indigo (#1C2DAE): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#160E00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, 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

• Amethyst Basin color palette (#E6E6F7, #754BFF, #706900, #470CB1, #121000)
• Cobalt Parlor color palette (#D1E3F5, #007AD1, #8D5900, #00467D, #190C00)
• Aged Ultramarine color palette (#F6E5F5, #568BE7, #8D8200, #0054DB, #121000)
• Sunlit Ultramarine Corridor color palette (#D0E3FF, #1B4ED5, #594B00, #000F87, #140F00)
• Dusty Byzantium color palette (#F1E9FF, #8528DC, #4A6200, #4B0083, #040700)
• Faded Lapis Quarry color palette (#DEE4FF, #4937FC, #A32700, #005A31, #040027)
• Lapis Atelier color palette (#DEE3FF, #9EA6FF, #9B8E00, #4C1DE8, #342F00)
• Gentle Station color palette (#F0D9E9, #6273DA, #BF004B, #2800AE, #040001)

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