Tempered Sapphire color palette — #EFDEF0 · #0070D2 · #422A34 · #251B26 · #0A1111

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

The five colors

• Blush (#EFDEF0): A whisper-light, dusty pink — the color of a candy shop window.
• Royal Blue (#0070D2): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Espresso (#422A34): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#251B26): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#0A1111): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

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

• Worn Lantern color palette (#D8EAE0, #007E9A, #3E2B3B, #14231B, #080E0C)
• Softworn Azure color palette (#EDE0EC, #5B90DC, #5B4556, #362936, #111B18)
• Byzantium Lagoon color palette (#F4DEE6, #8948D0, #452A29, #291A20, #120A0C)
• Periwinkle Lagoon color palette (#D9E6F5, #71ADF8, #676E8B, #3A4B60, #0F1A20)
• Charred Lapis Balcony color palette (#E4E9FF, #4315F3, #35023B, #1A0415, #000A06)
• Pale Iris color palette (#FFF0F9, #7E7ADA, #5C8A3C, #547341, #45313D)
• Nightshade Orchard color palette (#E6EEFE, #0112AA, #050E12, #11001B, #060000)
• Linen Lilac Lantern color palette (#FFF0F9, #9691F6, #82942D, #5F5C9F, #44433B)

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