Tempered Workshop color palette — #DEE1C1 · #74BF63 · #CB5396 · #1B6601 · #4D0232

A conversation between Hot Pink and Clover, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#DEE1C1): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#74BF63): A luminous, balanced green — the color of new leaves after rain.
• Hot Pink (#CB5396): A luminous, vivid rose — the color of a warm blush.
• Olive (#1B6601): A full-bodied, balanced green — the color of fresh herbs.
• Mulberry (#4D0232): A deep, shadowed, balanced rose — the color of a warm blush.

Feels like: Nature, Growth, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Workshop 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

• Misty Atelier color palette (#E2E0BC, #89BD36, #A866BF, #416000, #3C124A)
• Sunlit Plum color palette (#D5E4CA, #2EC4A1, #AA4E9A, #00755E, #460B3E)
• Faded Peony Orchard color palette (#E1FCF6, #85BD56, #FD327F, #417300, #340013)
• Plum Grove color palette (#DBE7D3, #009D82, #B2448F, #006150, #350026)
• Ember Lantern color palette (#D3E4D1, #00AFAA, #D45A4D, #007270, #500806)
• Washed Boulevard color palette (#E9DDC0, #BFAA28, #6E63D0, #726400, #261D57)
• Worn Bloom color palette (#C4E6E2, #4A9153, #A84B00, #00591B, #451B00)
• Soft Lagoon color palette (#EEF9E8, #73CBB6, #D78D93, #1B947E, #623137)

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