Tempered Workshop color palette — #F6F6EC · #AEB48B · #4E7F68 · #784F32 · #414700

Built around Deep Olive, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F6EC): a clean, paper-quiet neutral.
• Sage (#AEB48B): A luminous, dusty green — the color of fresh herbs.
• Fern (#4E7F68): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#784F32): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#414700): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Hushed Pine color palette (#FCF5DE, #94AD7C, #307B40, #545500, #2E4118)
• Aged Driftwood Lagoon color palette (#F8F5EF, #C8C1A8, #8B843A, #825F18, #5D4B00)
• Patina Pier color palette (#F6F2E3, #93C09C, #00877C, #6E4A4C, #262A16)
• Jade Corridor color palette (#EAEED7, #39A883, #006960, #5A3C00, #003727)
• Patina Lagoon Quarry color palette (#EAF9F2, #A6D1AC, #25A496, #776C87, #2B4946)
• Brick Bloom color palette (#F4F8E1, #62985F, #5078C8, #AF3B3D, #383932)
• Tempered Coast color palette (#E7FAF4, #BBE1BB, #86B9A0, #A58694, #2C4945)
• Spruce Bloom color palette (#EAE0CB, #586330, #123400, #1B1600, #050700)

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