Tempered Onyx color palette — #FFEBE3 · #977F46 · #335A34 · #4E111E · #250002
A conversation between Espresso and Mocha, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEBE3): A whisper-light, dusty orange — the color of toasted spice.
- Mocha (#977F46): A luminous, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#335A34): A full-bodied, dusty green — the color of fresh herbs.
- Espresso (#4E111E): A deep, shadowed, balanced red — the color of late-summer berries.
- Ink (#250002): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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
- Antique Boulevard color palette (#F4E1D6, #877F48, #456022, #401E47, #1A041F)
- Hushed Onyx color palette (#FFE4D3, #687038, #004D47, #4D0906, #210000)
- Aged Denim Studio color palette (#EBDEC4, #6E8C64, #15616C, #431F00, #220D00)
- Weathered Garnet Canyon color palette (#FDE7DA, #AE8A6D, #687B52, #6B295B, #461602)
- Lagoon Study color palette (#EBEDDA, #008C77, #004D58, #4E0B22, #030A00)
- Softworn Onyx color palette (#EAE3D5, #79AB77, #00767E, #672F2D, #4A0008)
- Tempered Orchard color palette (#FFEBD2, #C1BF9D, #748D74, #694E4D, #4A2829)
- Muted Olive Delta color palette (#E5E0CB, #607400, #005B32, #002B22, #001011)
Browse the whole catalog at Explore, or see today's palette.