Tempered Onyx color palette — #D5E4D8 · #7F7D45 · #314300 · #230348 · #010100

Deep Indigo takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#D5E4D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Walnut (#7F7D45): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#314300): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#230348): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Quarry color palette (#E0F5F1, #3F8C65, #00473B, #150F48, #000201)
• Fern Atelier color palette (#F9EAD1, #646000, #233100, #1C0838, #070600)
• Wandering Study color palette (#C7EAE4, #569F7E, #005A50, #550025, #000201)
• Olive Balcony color palette (#F8E0E9, #968A36, #387300, #4C3A7C, #070600)
• Patina Teal color palette (#E0ECE2, #62B2B0, #00606B, #002D20, #000102)
• Muted Forest Field color palette (#E8FAF4, #88AE81, #007247, #5E214C, #010B00)
• Antique Nightshade Grove color palette (#F7E3F4, #A10017, #005612, #05009C, #050000)
• Tempered Lantern color palette (#FFE5DE, #CB5C4D, #820307, #1B1609, #110000)

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