Tempered Jade color palette — #F9F5E7 · #D3E6A3 · #7AB377 · #347E8E · #404038
Jade takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F9F5E7): a clean, paper-quiet neutral.
- Celadon Mist (#D3E6A3): A whisper-light, balanced green — the color of fresh herbs.
- Jade (#7AB377): A luminous, balanced green — the color of fresh herbs.
- Slate (#347E8E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#404038): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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 Balcony color palette (#FDF4E3, #FED59D, #B3A254, #3F816B, #433F38)
- Worn Teal color palette (#F6F6E7, #A8EED5, #38B7B3, #5A72A1, #384333)
- Hushed Loft color palette (#E6F7E9, #B0AF74, #59855F, #494E76, #17322B)
- Hushed Clover color palette (#FAF7DB, #2FBF6F, #007D68, #00426F, #00180D)
- Weathered Coast color palette (#FFF3E7, #E2D278, #82BE9A, #A87E8C, #494841)
- Washed Cocoa Terrace color palette (#FFF2EB, #BDA470, #53836B, #664F73, #554700)
- Washed Bone color palette (#F5F7E4, #C9E4D2, #ADC9BD, #779289, #5E4F5C)
- Wandering Drift color palette (#F8F7DF, #5FCFA2, #009287, #26508D, #18260A)
Browse the whole catalog at Explore, or see today's palette.