Tempered Workshop color palette — #FFF1F5 · #BDB777 · #608F50 · #7E5B37 · #213C2F

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sage (#BDB777): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#608F50): A luminous, balanced green — the color of a quiet forest floor.
• Coffee (#7E5B37): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Forest (#213C2F): A deep, shadowed, dusty teal — the color of sea glass.

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

• Softworn Driftwood Boulevard color palette (#FEF3E6, #D6D3A5, #7A9362, #785E3B, #30270D)
• Muted Lagoon color palette (#E8FBEF, #A3BE95, #2C9475, #755778, #1F3B36)
• Fern Market color palette (#FEF4E4, #A39E62, #5A6B26, #644400, #38352E)
• Washed Moss Dune color palette (#FFF1F6, #CBBB70, #629829, #0C7876, #443A0C)
• Aged Ridge color palette (#D1F5E4, #72C07A, #008B7B, #605F00, #043910)
• Pine Lantern color palette (#DEE8DD, #AAAA57, #3A8539, #156067, #083123)
• Misty Pine Studio color palette (#E6F1E5, #929945, #00752A, #5E3E00, #1B1D00)
• Patina Raspberry Cabin color palette (#CAEDE6, #60AB3B, #E64079, #B3594A, #04332D)

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