Tempered Sapphire color palette — #EFF6FF · #2C6BEF · #806200 · #005460 · #1B2C44

Royal Blue and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Royal Blue (#2C6BEF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ochre (#806200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Peacock (#005460): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#1B2C44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Energy, Balance. Tagged vibrant, 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

• Feathered Byzantium Summit color palette (#F3F4FF, #924ECF, #5B7100, #005364, #282843)
• Cobalt Corridor color palette (#E3F0FF, #0072C8, #0A7618, #00467E, #192838)
• Soft Lapis Quarry color palette (#D4DEF5, #5450BC, #684F00, #004045, #0F1835)
• Patina Canyon color palette (#EEF6FF, #2389EA, #9F1A00, #005938, #152D46)
• Chalky Cabin color palette (#F1F5FF, #6557F5, #007959, #3F30A7, #26274A)
• Powdered Summit color palette (#E9F8FF, #008598, #9E4D00, #005A25, #013041)
• Byzantium Thicket color palette (#FFECF4, #9141FD, #886400, #005927, #240817)
• Powdered Canyon color palette (#E5F9FF, #008887, #4D7500, #005555, #00313C)

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