Tempered Jade color palette — #F4F7EB · #B0E4B6 · #ECB0E4 · #7CBA85 · #664146
Mint Leaf takes the lead with Carnation close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F4F7EB): a clean, paper-quiet neutral.
- Mint (#B0E4B6): A whisper-light, balanced green — the color of a quiet forest floor.
- Carnation (#ECB0E4): A whisper-light, balanced pink — the color of a candy shop window.
- Mint Leaf (#7CBA85): A luminous, balanced green — the color of a quiet forest floor.
- Cocoa (#664146): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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
- Muted Shell Station color palette (#EEF9EF, #8CE6EE, #FFABBF, #5BB9C1, #62453F)
- Aged Mallow color palette (#F5F7E3, #A6D79E, #DAA6F2, #DA9BA4, #42433C)
- Tempered Mustard color palette (#FAF5E7, #DCD998, #B2C4FF, #B2AC56, #5B4556)
- Oat Lantern color palette (#F4F7E6, #B7E4E5, #BECFAA, #CBBBC0, #4D5447)
- Timeworn Quarry color palette (#F3F8E5, #BBF7C7, #A2D1FF, #76A881, #284F46)
- Muted Grove color palette (#EBF8F8, #92D6B0, #7FB3FB, #559E78, #394F69)
- Ancient Pine color palette (#E3F7F5, #8FC297, #B98AB5, #448151, #342B49)
- Fern Station color palette (#FCF4EA, #E9D8B2, #CFB186, #AE896F, #534800)
Browse the whole catalog at Explore, or see today's palette.