Tempered Onyx color palette — #F2EECC · #5C5300 · #004F47 · #500011 · #030200
Espresso takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F2EECC): A whisper-light, dusty green — the color of new leaves after rain.
- Deep Olive (#5C5300): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004F47): A deep, shadowed, dusty teal — the color of glacier melt.
- Espresso (#500011): A deep, shadowed, balanced red — the color of embers at dusk.
- Black (#030200): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Nocturne Alley color palette (#EDDECF, #734700, #005221, #4B0032, #040200)
- Fern Cabin color palette (#E8E5CD, #3D4A00, #003E44, #360C00, #010100)
- Wandering Dune color palette (#E5E2D2, #748100, #005136, #343B00, #010100)
- Olive Atelier color palette (#D7E5CD, #487B00, #006678, #5E2B00, #050E00)
- Pine Field color palette (#DFE9DC, #008D2E, #005230, #00241A, #000906)
- Forest Canyon color palette (#E8EED5, #006A32, #003F42, #001B35, #040300)
- Hushed Aubergine Loft color palette (#DEEEE4, #5F5100, #00447A, #390061, #110D00)
- Fern Workshop color palette (#ECECDE, #B3B5A3, #8B917A, #314D05, #0C0B01)
Browse the whole catalog at Explore, or see today's palette.