Tempered Jade color palette — #FAF7D5 · #B9D4A9 · #7BAC70 · #498451 · #4D4F48

Jade takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FAF7D5): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B9D4A9): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#7BAC70): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#498451): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#4D4F48): a grounded near-black with real depth.

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

• Washed Station color palette (#F4F7EA, #A8D0AD, #88B6E1, #4FA15F, #2F506D)
• Tempered Pier color palette (#FEF3D3, #A8BA78, #63984E, #34714E, #44533A)
• Timeworn Bronze Workshop color palette (#FFF3E4, #E1C795, #B59E53, #8B7D1B, #54524A)
• Patina Thicket color palette (#EBFBE0, #97DBCE, #4EB5AD, #008989, #3C5B42)
• Softworn Corridor color palette (#EFFADD, #B8E9D0, #6FB08F, #117C56, #0B3E2B)
• Aged Jade color palette (#DDF0E4, #1CB389, #008F75, #005B50, #00332F)
• Amber Summit color palette (#F4F8E5, #91BF95, #5BB3C6, #B28B43, #42433C)
• Washed Fern Drift color palette (#F3F8E9, #BAE1DF, #8CB78B, #99A4BA, #3F5410)

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