Tempered Jade color palette — #FFF1F4 · #D7B5DD · #D2B087 · #6AAC72 · #4C363B

A conversation between Jade and Sand, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D7B5DD): A luminous, dusty pink — the color of peonies in June.
• Sand (#D2B087): A luminous, dusty gold — the color of honey in a jar.
• Jade (#6AAC72): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#4C363B): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Antique Garden color palette (#FFF1F5, #CDB7E7, #D9A29B, #AE9855, #4D353E)
• Wandering Lagoon color palette (#FFF1F2, #DEABCC, #CA9568, #36987E, #412F38)
• Tempered Turquoise color palette (#FEF2F0, #ECAEC1, #AEBF87, #52A9B2, #4C3734)
• Stone Pier color palette (#FBF3F4, #DFD9D5, #C9A8CC, #A4B4AC, #585051)
• Aged Garden color palette (#EDF7FE, #79B4D2, #9BA070, #56885E, #2E404C)
• Frosted Grove color palette (#FFF1F3, #E88BE5, #BFA600, #009F89, #3C1F3B)
• Dusty Thicket color palette (#FBF2F6, #E1D7FF, #E3A78D, #B29BED, #332C28)
• Clover Parlor color palette (#F9DFCC, #FA8329, #00B54D, #0079C5, #351500)

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