Tempered Jade color palette — #F4F7E7 · #5FAE7E · #007554 · #2E5441 · #343630
Jade takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#5FAE7E): A luminous, balanced teal — the color of glacier melt.
- Pine (#007554): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#2E5441): A full-bodied, dusty teal — the color of glacier melt.
- 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
- Taupe Atelier color palette (#FBF5E4, #97A25B, #566C31, #514946, #37362F)
- Antique Cypress Balcony color palette (#F4F3DF, #7EAE84, #257459, #374569, #1B1E05)
- Softworn Ridge color palette (#E7ECDC, #0D8F6A, #005143, #003348, #141F03)
- Washed Lagoon Veranda color palette (#E9F9F5, #94C29A, #3E9273, #53628A, #043E3B)
- Faded Bloom color palette (#F6EACD, #949A00, #4F6400, #722524, #2F3100)
- Tempered Cobalt color palette (#F4F6EE, #92CFE9, #1882B1, #005E6C, #1A3E58)
- Teal Balcony color palette (#FCF4E9, #D0CBA6, #70B188, #AA6E8C, #37362F)
- Hushed Field color palette (#F9F5E8, #C7C29B, #87853D, #915431, #574E00)
Browse the whole catalog at Explore, or see today's palette.