Tempered Jade color palette — #F9F7D6 · #B4D69B · #6FAE6B · #54865B · #4C4E47
Built around Jade, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Custard (#F9F7D6): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B4D69B): A whisper-light, balanced green — the color of new leaves after rain.
- Jade (#6FAE6B): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#54865B): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#4C4E47): quiet, heavy and certain.
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 Lime Pier color palette (#FFF5D5, #A5C16E, #64945B, #3B7056, #414F38)
- Ancient Stone Cabin color palette (#D9FFF1, #C5DCA7, #9AC590, #71A580, #2D575A)
- Ancient Teal Coast color palette (#F0FAE0, #AFE9CC, #5EB790, #357959, #343730)
- Dusty Field color palette (#E8F9DD, #83D3C4, #10B1A9, #238888, #3D5441)
- Weathered Amber Workshop color palette (#FFF3E3, #DFC184, #B49831, #897E40, #535049)
- Jade Market color palette (#CCEEDA, #00B284, #00846A, #00594E, #003633)
- Tempered Studio color palette (#F0F9E6, #6FC5A1, #49B1E0, #A1934C, #41443D)
- Ancient Fern color palette (#F1F8E7, #B1E5E5, #CFC8D1, #8DB697, #3C5615)
Browse the whole catalog at Explore, or see today's palette.