Tempered Onyx color palette — #F4E6F2 · #8FB499 · #537F7F · #584767 · #301F3E
A conversation between Deep Indigo and Sage, giving this palette its sense of nature and growth.
The five colors
- Blush (#F4E6F2): A whisper-light, dusty pink — the color of peonies in June.
- Sage (#8FB499): A luminous, dusty teal — the color of glacier melt.
- Slate (#537F7F): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#584767): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Indigo (#301F3E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, 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
- Tempered Lagoon Veranda color palette (#FDDDDC, #B6949F, #4C8179, #444863, #282B45)
- Onyx Lagoon color palette (#C3EBD2, #87B5B2, #547A8C, #523F53, #471D22)
- Basalt Corridor color palette (#DEF7DB, #9DC1B3, #658D95, #685B71, #402F4A)
- Muted Hollow color palette (#E5F6F1, #76AE93, #037375, #62374A, #002122)
- Aged Canyon color palette (#F7F0D9, #60B579, #09768D, #682638, #4D001E)
- Petrol Station color palette (#CAF1E6, #599D93, #496A99, #5A3A1E, #321121)
- Aged Alley color palette (#FCD9CD, #C8B190, #7A9F7C, #8A5E59, #5F3644)
- Misty Harbor color palette (#E8F0AE, #77BBAB, #3A7EA1, #723E14, #502600)
Browse the whole catalog at Explore, or see today's palette.