Tempered Onyx color palette — #E0FDF4 · #4F6F00 · #004A4D · #390050 · #020100
Deep Indigo and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E0FDF4): A whisper-light, dusty teal — the color of glacier melt.
- Olive (#4F6F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004A4D): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#390050): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant, 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
- Worn Terrace color palette (#EAFAEC, #7F5B00, #004B3A, #1C006B, #030100)
- Frosted Meadow color palette (#DAFAFC, #008F6E, #005C45, #31005D, #030100)
- Forest Studio color palette (#CBF2F2, #007049, #003948, #1E0026, #020100)
- Pine Corridor color palette (#E1FBFC, #00875E, #00497F, #430024, #010100)
- Wandering Alley color palette (#FFE6F1, #9F8900, #006639, #4A004C, #030400)
- Fern Bloom color palette (#D3F0E9, #3F6E00, #2B2B33, #00170F, #000201)
- Lowlit Fern color palette (#D2EBDB, #594F00, #00352C, #330006, #000200)
- Worn Pier color palette (#EDE3D2, #A5A334, #367B00, #003321, #000303)
Browse the whole catalog at Explore, or see today's palette.