Tempered Onyx color palette — #E7DFE2 · #919E93 · #577A68 · #412200 · #13040A

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

The five colors

• Silver (#E7DFE2): bright and airy, almost weightless.
• Taupe (#919E93): A luminous, dusty green — the color of a quiet forest floor.
• Pewter (#577A68): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#412200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#13040A): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Timeworn Field color palette (#E4DCE4, #A3959F, #856675, #560017, #0F060F)
• Cocoa Garden color palette (#E4DDD7, #AEA391, #7A8E65, #6C3300, #130600)
• Timeworn Bloom color palette (#E3F3EE, #96AFAD, #61878A, #284000, #001914)
• Charred Spruce color palette (#D4F3DD, #69665B, #392C00, #161E18, #040500)
• Patina Onyx Courtyard color palette (#EBDDC8, #6E6C38, #1A450F, #001549, #12012C)
• Hushed Bloom color palette (#EAF0EB, #C2D0C9, #88A89F, #6C5000, #223325)
• Hushed Bronze color palette (#DEEBE1, #BB6000, #785900, #283F00, #030300)
• Nocturne Cocoa Balcony color palette (#D7EADB, #684000, #252600, #000F1B, #050300)

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