Tempered Workshop color palette — #EAF5EA · #7BAC99 · #397346 · #234C5C · #012218

Pine and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EAF5EA): bright and airy, almost weightless.
• Sage (#7BAC99): A luminous, dusty teal — the color of glacier melt.
• Pine (#397346): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#234C5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#012218): A deep, shadowed, dusty teal — the color of sea glass.

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

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 Boulevard color palette (#E6F7ED, #88C0B6, #448370, #385970, #072E29)
• Forest Thicket color palette (#EAFAF2, #8FA377, #3F7043, #09584B, #093F35)
• Softworn Fern color palette (#FFECF5, #B39E69, #5D6C35, #4F3D61, #062210)
• Washed Forest Balcony color palette (#D4E8DA, #7D9860, #006546, #502A41, #001712)
• Weathered Emerald color palette (#F9F5E8, #C2D9A7, #619A65, #366F63, #2B2909)
• Muted Olive color palette (#D3EDDA, #668438, #005135, #002F3C, #050A00)
• Weathered Villa color palette (#F6EFF6, #A7CFDB, #3487A2, #155F27, #002142)
• Timeworn Petrol color palette (#E9F3FF, #F2CFE9, #E9A1BA, #007D8C, #1A263D)

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