Tempered Onyx color palette — #EEE6EC · #AB919E · #627761 · #540A00 · #11040E

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

The five colors

• Blush (#EEE6EC): bright and airy, almost weightless.
• Dusty Rose (#AB919E): A luminous, dusty rose — the color of strawberry cream.
• Pewter (#627761): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#540A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#11040E): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Timeworn Onyx Courtyard color palette (#EAF2EB, #8BA094, #5A786E, #3A2700, #020C04)
• Patina Atelier color palette (#F0EAF7, #A294A6, #82667E, #500038, #0C0613)
• Washed Garnet Harbor color palette (#F2E7E3, #AEA298, #91846F, #821107, #160400)
• Timeworn Cocoa Loft color palette (#D9E3D9, #A5C1B0, #77968A, #5C3E00, #19221A)
• Chestnut Lagoon color palette (#F5ECEF, #C0D2C0, #92A699, #7D4314, #362A2F)
• Muted Crimson color palette (#EED9E3, #F00A39, #975100, #443500, #040100)
• Charred Fern color palette (#D1E9D6, #665F00, #243000, #32000A, #000804)
• Dusty Studio color palette (#F4E3DA, #815B00, #393B00, #002331, #000A35)

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