Tempered Onyx color palette — #E8E2E7 · #9C878F · #51755C · #530600 · #030002
Built around Espresso, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Parchment (#E8E2E7): a clean, paper-quiet neutral.
- Heather (#9C878F): A luminous, dusty rose — the color of a warm blush.
- Teal (#51755C): A full-bodied, dusty teal — the color of sea glass.
- Espresso (#530600): A deep, shadowed, balanced orange — the color of toasted spice.
- Black (#030002): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, 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
- Softworn Onyx Pier color palette (#E1E9E2, #82928A, #4D746D, #382600, #000200)
- Timeworn Onyx Villa color palette (#F2EAF5, #9A8696, #886145, #510028, #030005)
- Washed Basin color palette (#ECE5E1, #CAB6A8, #A88C71, #692000, #030100)
- Washed Grove color palette (#E6EBE6, #A3B9AD, #65998E, #5D3C00, #050D05)
- Obsidian Fern Canyon color palette (#D6E4D8, #5B5D00, #113300, #29001F, #010100)
- Softworn Fern Cabin color palette (#E7F6EF, #C3D9D5, #81B6B9, #605F00, #042015)
- Charred Onyx color palette (#FFE7E7, #7D481B, #323800, #160E4A, #080012)
- Worn Bronze color palette (#EEF4EF, #CDDCDD, #ACC2C8, #88723D, #272E28)
Browse the whole catalog at Explore, or see today's palette.