Tempered Onyx color palette — #FDF1FA · #CDA681 · #764036 · #4E1C14 · #2A1D27

Espresso takes the lead with Coffee close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Camel (#CDA681): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#764036): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#4E1C14): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#2A1D27): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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 Terracotta color palette (#F7EFF7, #B9B680, #85393E, #361C36, #120912)
• Muted Rust Dune color palette (#FFF2EE, #CCC886, #AD5056, #623234, #2C1E19)
• Taupe Orchard color palette (#EBFAEC, #BF9C55, #5F4200, #342300, #03210A)
• Terracotta Veranda color palette (#FBF2F7, #DC9E7D, #906700, #984300, #17291A)
• Worn Sand color palette (#FFF2EC, #FFCA93, #C7806F, #69615D, #2C1E17)
• Wandering Veranda color palette (#F7DCE9, #C78100, #5F2900, #2E1100, #0E0700)
• Muted Bronze Cabin color palette (#FAF3F5, #CED9DB, #AEC1BE, #A06427, #4F4448)
• Pale Grove color palette (#FFEACE, #C2AB79, #8A750A, #555200, #3B4100)

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