Tempered Workshop color palette — #FFF1F4 · #E3D8D2 · #DDBEA0 · #9F7689 · #614E50
Built around Heather, softened by Sand — the whole palette hums with sophistication and softness.
The five colors
- Ivory (#FFF1F4): bright and airy, almost weightless.
- Bone (#E3D8D2): a clean, paper-quiet neutral.
- Sand (#DDBEA0): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Heather (#9F7689): A luminous, dusty rose — the color of pressed rose petals.
- Charcoal Brown (#614E50): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Patina Cocoa Drift color palette (#FFF2ED, #DFD8CE, #E0BF8E, #946761, #6F3610)
- Muted Pewter color palette (#FFF1F2, #F8D2C8, #F5A791, #855895, #65364A)
- Washed Alley color palette (#FFECF1, #E4D5CD, #CDC2A1, #7690B4, #493034)
- Hushed Pewter Thicket color palette (#FFF1F0, #D5BC96, #7C4D62, #4A3130, #2C211A)
- Pewter Ridge color palette (#FCF3F1, #EDABB8, #9D7448, #975765, #322D27)
- Tempered Workshop color palette (#FCF4E3, #BEB89F, #997C36, #7C550E, #4F4A00)
- Amber Basin color palette (#FFF0EF, #F5A3A5, #D67F5B, #754576, #48221B)
- Hushed Delta color palette (#F3F4FF, #FBEAC2, #E7D7E0, #90AAD9, #4F4A5E)
Browse the whole catalog at Explore, or see today's palette.