Tempered Workshop color palette — #FBF6DE · #AFC486 · #669643 · #3D784E · #3C3B34

Olive Leaf and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBF6DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#AFC486): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#669643): A luminous, balanced green — the color of new leaves after rain.
• Olive (#3D784E): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3C3B34): a grounded near-black with real depth.

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

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

• Lagoon Balcony color palette (#F4F8DD, #86CD9F, #009E72, #24786D, #114629)
• Worn Studio color palette (#E3FCF1, #CDE2A4, #6FA344, #4B7755, #00372C)
• Muted Olive Alley color palette (#F2ECD1, #9DB767, #4D8A03, #006965, #263400)
• Ancient Market color palette (#E8FBEB, #D1D48D, #70BC4B, #50978D, #164434)
• Jade Meadow color palette (#E2E6CE, #54A675, #007252, #005149, #00220F)
• Forest Study color palette (#E0E0CB, #538251, #00542A, #003239, #000900)
• Fern Studio color palette (#F6F6ED, #D2D3B8, #9A9F7D, #6D8470, #525000)
• Muted Moss color palette (#EFE7D4, #878A17, #4A5B00, #004237, #101100)

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