Tempered Jade color palette — #FCEEF0 · #D29FD3 · #6AAF6F · #8E5D8F · #31322B

Jade takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FCEEF0): bright and airy, almost weightless.
• Mauve (#D29FD3): A luminous, balanced pink — the color of peonies in June.
• Jade (#6AAF6F): A luminous, balanced green — the color of fresh herbs.
• Slate (#8E5D8F): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, 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

• Weathered Mallow color palette (#F5F4FF, #CD9ADC, #70A783, #886294, #2A5654)
• Teal Boulevard color palette (#FFEDE8, #E89BA1, #37B0AE, #A35860, #213721)
• Tempered Amber Chapel color palette (#F9EEF5, #A5AEEC, #B49A3C, #656CA6, #34312A)
• Hushed Garden color palette (#FFEDEE, #BF87B5, #A48B36, #388494, #352123)
• Softworn Chestnut Meadow color palette (#FEEEE4, #D4B499, #AB735C, #834429, #332A20)
• Aged Grove color palette (#FFEDEC, #E95CAD, #009A70, #A2006E, #00281A)
• Worn Chartreuse color palette (#FFF1F2, #FFD1D6, #B1DC85, #C481AD, #47473F)
• Driftwood Market color palette (#FFEDED, #EEB9DE, #AB6B99, #683959, #311216)

Browse the whole catalog at Explore, or see today's palette.