Tempered Onyx color palette — #EFE5E3 · #9E887E · #935C2E · #53011D · #040000

Espresso and Ochre set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#EFE5E3): bright and airy, almost weightless.
• Gray (#9E887E): A luminous, dusty orange — the color of autumn markets.
• Ochre (#935C2E): A full-bodied, balanced gold — the color of old brass.
• Espresso (#53011D): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Onyx Courtyard color palette (#F3E2E5, #A08686, #7E6460, #401148, #050001)
• Washed Ridge color palette (#F7EBE9, #C9B7AC, #A38E73, #671A38, #040000)
• Wandering Alley color palette (#E8E2DB, #A89F8D, #8B7C33, #4A3000, #080300)
• Aged Pier color palette (#EDE5ED, #ADA0AB, #947F8E, #810B2D, #100412)
• Cocoa Parlor color palette (#F0E7E3, #D7C8BD, #B1A18D, #833D30, #20120B)
• Obsidian Chestnut color palette (#F2E2DF, #884819, #443300, #001F22, #000306)
• Wandering Bronze color palette (#F7F1EA, #D9DACC, #BBC0AF, #9A6932, #302B26)
• Chalky Basin color palette (#F4DFD5, #D7007F, #B81100, #4E3300, #030000)

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