Tempered Jade color palette — #FFF1F6 · #DCC58A · #76B77E · #9A6EAB · #204637

Jade and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sand (#DCC58A): A whisper-light, balanced gold — the color of old brass.
• Jade (#76B77E): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#9A6EAB): A luminous, balanced pink — the color of neon signs at night.
• Forest (#204637): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Muted Driftwood color palette (#FFF0F8, #C9D7A9, #75BEAF, #B87392, #2D4F4B)
• Hushed Violet Garden color palette (#E9F9F7, #9ECC9D, #66B386, #8966C6, #4B3300)
• Misty Iris Canyon color palette (#E9FBEA, #F8B5A2, #BAA351, #7578C8, #513240)
• Hushed Taupe color palette (#D7E9E3, #9DB56C, #577777, #375048, #111B15)
• Wandering Moss Corridor color palette (#E4FCF0, #C6D48E, #63A552, #08707F, #193831)
• Weathered Villa color palette (#FFDDC8, #B3BA00, #00A683, #B50B9B, #163100)
• Airy Rust Terrace color palette (#FEE7F6, #6BD1A6, #00A7CE, #BA4F2A, #013740)
• Tempered Crimson color palette (#FFF0FB, #8AD77B, #00B3B8, #DF1A3E, #00412A)

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