Tempered Jade color palette — #FFF5D9 · #C0D79C · #7DA877 · #43876D · #40533A
A conversation between Moss and Fern, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5D9): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#C0D79C): A whisper-light, balanced green — the color of fresh herbs.
- Moss (#7DA877): A luminous, balanced green — the color of fresh herbs.
- Fern (#43876D): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#40533A): A full-bodied, dusty green — the color of a quiet forest floor.
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
- Teal Ridge color palette (#ECFCDC, #B0E3C6, #70B393, #39745C, #0D412F)
- Pine Drift color palette (#D9FFF5, #A7C69B, #62925D, #2F7A45, #1D5757)
- Wandering Taupe color palette (#FFEFE0, #E7C692, #B6A25B, #707945, #585300)
- Timeworn Emerald color palette (#F4F7EA, #A0D3AB, #CBA1C9, #599E6B, #654247)
- Patina Cabin color palette (#D7E9D4, #00B678, #008D7B, #00625E, #003740)
- Tempered Alley color palette (#D9E5C6, #62D06D, #00A277, #007869, #004A51)
- Fern Atelier color palette (#F2F8E4, #C8E5DC, #9DC1D1, #A89F7B, #3B5514)
- Weathered Fern Study color palette (#F2F8E5, #87C19C, #C293BC, #B5787D, #3A4900)
Browse the whole catalog at Explore, or see today's palette.