Tempered Jade color palette — #E3F7F3 · #73AD64 · #445D62 · #2D3B39 · #1E2320

Built around Jade, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Ivory (#E3F7F3): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#73AD64): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#445D62): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#2D3B39): quiet, heavy and certain.
• Onyx (#1E2320): 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

• Tempered Amber color palette (#EAF5ED, #BB9700, #435E5A, #323B34, #261F23)
• Aged Lantern color palette (#F5F7E9, #93BB8B, #4D5945, #2B2D1A, #110F09)
• Ancient Workshop color palette (#E4F7F4, #90C88C, #688180, #405B57, #1A2422)
• Tempered Lantern color palette (#C7E8E8, #009F6B, #004F58, #0E2C2C, #041511)
• Washed Villa color palette (#F1F4E3, #518E4F, #354300, #282A1C, #121711)
• Teal Alley color palette (#E0FBFF, #5DC7B1, #D28F98, #B17D69, #2F474B)
• Oat Loft color palette (#F0F7F1, #CFD7A4, #70A7A3, #738274, #40524B)
• Tempered Seafoam color palette (#E9F9FB, #72DAC8, #DF99B7, #499D90, #564562)

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