Tempered Onyx color palette — #E9DDE5 · #9C8693 · #81606F · #520900 · #030002

Espresso takes the lead with Pewter close behind in a set that reads as sophistication at first glance.

The five colors

• Silver (#E9DDE5): a clean, paper-quiet neutral.
• Heather (#9C8693): A luminous, dusty pink — the color of peonies in June.
• Pewter (#81606F): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#520900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#030002): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Onyx 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

• Hushed Onyx color palette (#F2E5EA, #829382, #55745C, #3F2200, #030001)
• Washed Garnet color palette (#ECE3DF, #A7968A, #8F6927, #56030B, #130502)
• Patina Garnet Boulevard color palette (#F5EBF3, #C7B5BD, #7D9B82, #750011, #030003)
• Cocoa Orchard color palette (#E4ECE4, #A8B8AC, #759783, #5C3C00, #040E05)
• Weathered Meadow color palette (#EEE7EA, #D8C6CC, #91AC92, #824100, #1C1217)
• Hushed Scarlet color palette (#F1D7E4, #D43213, #923E00, #503100, #030100)
• Lowlit Chestnut Grove color palette (#F2DDC7, #725509, #383400, #002117, #000304)
• Bronze Bloom color palette (#EEF4EF, #CDDBDA, #A8C5C5, #867345, #272E29)

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