Tempered Workshop color palette — #F6F2E6 · #B9B58F · #568253 · #664968 · #2B280B

Built around Fern, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Cream (#F6F2E6): bright and airy, almost weightless.
• Sage (#B9B58F): A luminous, dusty green — the color of fresh herbs.
• Fern (#568253): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#664968): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#2B280B): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Antique Field color palette (#F2F3EB, #BFC7AF, #758A68, #795853, #2A3700)
• Dusty Olive Canyon color palette (#FDF0D9, #AAAC75, #537902, #773436, #222200)
• Worn Pine Dune color palette (#EDF9EF, #A7B788, #3F835E, #565674, #2E4941)
• Hushed Terrace color palette (#EAFAF1, #9CD1C2, #67A064, #736D89, #304841)
• Indigo Quarry color palette (#FFEEE2, #C07A4C, #009579, #6F58B1, #301702)
• Patina Bronze Alley color palette (#FFEFE0, #E0AE88, #A86726, #643600, #200E00)
• Driftwood Terrace color palette (#FEEFE2, #DBDBC3, #CEC195, #A7695F, #38322D)
• Garnet Coast color palette (#E9E7C8, #6AA570, #006C4D, #71014D, #001D05)

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