Tempered Jade color palette — #F4F7E8 · #5FAE85 · #007459 · #3B5237 · #343630
Built around Jade, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7E8): a clean, paper-quiet neutral.
- Jade (#5FAE85): A luminous, balanced teal — the color of sea glass.
- Pine (#007459): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#3B5237): A full-bodied, dusty green — the color of a quiet forest floor.
- Espresso (#343630): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Orchard color palette (#FDF5E0, #9DA059, #5B6A2B, #4B4C44, #37352F)
- Aged Moss color palette (#F1EDC9, #65A635, #046E18, #004D51, #1D350C)
- Wandering Workshop color palette (#E6FAF6, #93C1A1, #3A927A, #3D6B7B, #173C3B)
- Lagoon Meadow color palette (#E6ECDC, #008F6F, #005046, #003637, #002117)
- Fern Summit color palette (#F5F6EB, #BEC5A1, #5E8E71, #566C5E, #4A5303)
- Wandering Teal Canyon color palette (#FCF5E3, #CBCEA3, #4DB599, #4D8CAD, #35362F)
- Iris Alley color palette (#FFE6F6, #7B7DF3, #008C7F, #4B4C95, #003F38)
- Patina Cerulean color palette (#F4F6ED, #95CFE3, #1C83AA, #005E68, #144436)
Browse the whole catalog at Explore, or see today's palette.