Tempered Onyx color palette — #F8EEF7 · #ADBA89 · #7A4341 · #491013 · #130813

Espresso and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8EEF7): bright and airy, almost weightless.
• Sage (#ADBA89): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#7A4341): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#491013): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#130813): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

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

• Weathered Mulberry Coast color palette (#F2F0FA, #91C0A3, #6D446C, #391938, #0D0A16)
• Timeworn Cocoa color palette (#FCF2F9, #C7AB70, #7F392B, #3F2239, #25181A)
• Antique Rust color palette (#FFF2ED, #BECC94, #A75656, #6B2D16, #2D1D18)
• Dusty Marigold color palette (#E6F7EA, #C8A155, #5F4900, #2A1F00, #000B03)
• Moss Coast color palette (#FADEED, #A29900, #662A00, #280C00, #090004)
• Bronze Chapel color palette (#F7EFF2, #CCD5D9, #ACBDC1, #A0662A, #36272D)
• Dusty Brick Market color palette (#F6EFF5, #E59D98, #00896E, #AE3034, #001214)
• Airy Terrace color palette (#FFECF4, #CA8A79, #6E7016, #523082, #351824)

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