Tempered Workshop color palette — #FAF0CC · #A5C391 · #559C76 · #22716B · #375541
A conversation between Fern and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Custard (#FAF0CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A5C391): A luminous, dusty green — the color of new leaves after rain.
- Fern (#559C76): A luminous, balanced teal — the color of sea glass.
- Teal (#22716B): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#375541): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Ancient Balcony color palette (#F7F8D5, #ABD6B0, #61B28A, #238F7A, #3C5638)
- Dusty Driftwood Corridor color palette (#FFF3E7, #CFBA7D, #808545, #4E6C39, #4E514A)
- Pine Orchard color palette (#F3F7EA, #8BBD9F, #C38397, #3A835C, #69413C)
- Dusty Cerulean color palette (#F0FBD7, #7CCABE, #2E93A4, #2E708D, #624860)
- Powdered Teal color palette (#D1EFDC, #00B29D, #007A87, #00546D, #1D3C67)
- Muted Orchard color palette (#F2F8E9, #BCE1EA, #EAC9E6, #958D67, #445140)
- Patina Courtyard color palette (#EEFAE5, #53AB8F, #B27587, #956157, #3C4632)
- Patina Bronze color palette (#FDF4E4, #BEB998, #9C7B37, #83501B, #444E00)
Browse the whole catalog at Explore, or see today's palette.