Tempered Workshop color palette — #FDF4E8 · #E1D4B0 · #97B975 · #A88498 · #524000

Sage takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF4E8): bright and airy, almost weightless.
• Wheat (#E1D4B0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#97B975): A luminous, balanced green — the color of new leaves after rain.
• Dusty Rose (#A88498): A luminous, dusty pink — the color of a candy shop window.
• Deep Olive (#524000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Hushed Lantern color palette (#FDF4E6, #C7CFA2, #76B172, #A2738C, #37362F)
• Jade Studio color palette (#F4EAD5, #ADCE77, #00B45B, #8C6AA5, #253406)
• Tempered Basin color palette (#FBF3F0, #C5E9E1, #78CAE8, #66A88C, #275146)
• Aqua Harbor color palette (#FFF2EC, #FFB7AD, #00D7E2, #DF8074, #2C4B32)
• Washed Grove color palette (#FFF2EC, #D1F4C3, #DFDBCD, #DA9DB4, #743B12)
• Apricot Bloom color palette (#FFF2EC, #FFCAB9, #FB9367, #B26753, #4A2412)
• Dusty Pewter color palette (#E8F6EB, #93BFA9, #6D7C4C, #51526B, #142D22)
• Powdered Cabin color palette (#EEE5D2, #97B36A, #189750, #865165, #1E1B00)

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