Tempered Jade color palette — #EFF4E6 · #58B085 · #4F5D46 · #2F3F00 · #21221C
A conversation between Jade and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#EFF4E6): a clean, paper-quiet neutral.
- Jade (#58B085): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#4F5D46): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Olive (#2F3F00): A deep, shadowed, balanced green — the color of fresh herbs.
- Onyx (#21221C): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Tempered Jade 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
- Weathered Balcony color palette (#F3F3E3, #87A85E, #585D11, #393831, #23221B)
- Softworn Turquoise color palette (#EBF5EE, #00AFC3, #416050, #2E3C32, #1E231E)
- Hushed Mint Thicket color palette (#E5F6F5, #81C9A1, #688085, #475858, #1C2322)
- Patina Quarry color palette (#EAFAEF, #70BFD1, #979CEB, #6AA272, #34483B)
- Cerulean Grove color palette (#D5EAD9, #00919D, #024857, #16261A, #081008)
- Bronze Corridor color palette (#F7F6EB, #D4D4AD, #81A780, #897F36, #525000)
- Weathered Lilac color palette (#F0F8F0, #80D5D6, #B5A4EC, #389D9F, #604351)
- Tempered Stone color palette (#EDF9EA, #C4DBC7, #93B8A4, #957789, #634B54)
Browse the whole catalog at Explore, or see today's palette.