Tempered Onyx Canyon color palette — #E3FDED · #876F00 · #004C70 · #370053 · #040000

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

The five colors

• Ivory (#E3FDED): A whisper-light, dusty teal — the color of glacier melt.
• Walnut (#876F00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#004C70): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#370053): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged jewel, vibrant.

Use it as a design system

One click turns Tempered Onyx Canyon 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

• Timeworn Navy color palette (#FFF1F6, #8E5100, #00585D, #1A097E, #030004)
• Charred Navy color palette (#C6F2E1, #576700, #00327D, #240026, #030100)
• Softworn Harbor color palette (#FFECC5, #889300, #006638, #2A0A73, #020500)
• Wandering Villa color palette (#D6FFF9, #1E850F, #4033A8, #4F0025, #020100)
• Twilit Atelier color palette (#E0F2EE, #347000, #2A2931, #00180C, #000201)
• Shadow Onyx Courtyard color palette (#F5EBDD, #5B3E00, #00373B, #31001C, #020100)
• Ultramarine Workshop color palette (#DBFEF4, #759800, #034EEE, #720057, #080300)
• Timeworn Veranda color palette (#EBF9F2, #C5DFE3, #A6C1BE, #666302, #04100A)

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