Tempered Jade color palette — #F1FADF · #00B970 · #2577D5 · #931C5D · #3C2F00

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

The five colors

• Custard (#F1FADF): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#00B970): A luminous, vivid teal — the color of sea glass.
• Azure (#2577D5): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Raspberry (#931C5D): A full-bodied, vivid rose — the color of strawberry cream.
• Espresso (#3C2F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Indigo Corridor color palette (#E8FCE4, #00B3AA, #6763DF, #97203E, #373100)
• Soft Mulberry color palette (#D9E7CC, #009E77, #2763AD, #760058, #2E1A00)
• Muted Clover color palette (#F6F9D8, #50B62A, #0084A7, #703690, #591600)
• Garnet Drift color palette (#FCF4E3, #927D00, #006671, #790031, #393000)
• Byzantium Ridge color palette (#CFF1DF, #009BC1, #8E3BB5, #792B00, #152B00)
• Powdered Celadon color palette (#B1F8CE, #7ACFC5, #509BB9, #8D577C, #66353D)
• Muted Thicket color palette (#DBF2D7, #008681, #503CA5, #65000E, #0F1400)
• Sky Quarry color palette (#ECF8F3, #75BBE1, #A07EA8, #8F5A41, #364924)

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