Tempered Workshop color palette — #ECF7DA · #C5D2A9 · #5B9B73 · #005D33 · #002314
Built around Pine, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Custard (#ECF7DA): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#C5D2A9): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#5B9B73): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#005D33): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#002314): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged monochrome, 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
- Tempered Lagoon Delta color palette (#E4F9E2, #A2DEDB, #2D938D, #00544E, #002623)
- Weathered Boulevard color palette (#F8F3D6, #D7CCA3, #888B48, #524D00, #1F2300)
- Teal Thicket color palette (#DBF0F0, #00AFB2, #006660, #00302C, #000707)
- Dusty Jade color palette (#D8FEFF, #AFE8CB, #61AE7D, #39744F, #0A4344)
- Weathered Cypress Field color palette (#EDF4ED, #DEBBA3, #2E6D6D, #00393A, #0E160E)
- Tempered Loft color palette (#CAFFF1, #35C3B0, #007E6D, #00443A, #001714)
- Antique Boulevard color palette (#EFF3EE, #94D1CB, #8F75AD, #00837C, #201016)
- Weathered Bloom color palette (#E7F6EF, #5A9EC1, #8E78A3, #8F4632, #122820)
Browse the whole catalog at Explore, or see today's palette.