Tempered Workshop color palette — #FFF3E8 · #CFB392 · #A97341 · #874C26 · #5F4200
Built around Mocha, softened by Coffee — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Sand (#CFB392): A luminous, dusty gold — the color of honey in a jar.
- Mocha (#A97341): A luminous, balanced gold — the color of afternoon light on wheat.
- Coffee (#874C26): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Bronze (#5F4200): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Balcony color palette (#FFF3E9, #CA9D6D, #996442, #57504C, #413C36)
- Airy Amber color palette (#F9D8AC, #AD8900, #7B5100, #5D2E00, #2D2A00)
- Tempered Stone Study color palette (#FEF1F6, #F0CFDA, #D5AD8F, #AD849A, #3D4D3D)
- Patina Bronze Veranda color palette (#F1E3D6, #885F00, #532E00, #331000, #110A00)
- Ancient Azure Lagoon color palette (#E8FAF5, #5595D0, #A76F5A, #666136, #2C423D)
- Powder Atelier color palette (#FFF0FC, #BEB9FA, #8A73A6, #754B73, #66334F)
- Ancient Stone Boulevard color palette (#EDF8F4, #D9BC7F, #346384, #243F37, #1B2728)
- Driftwood Alley color palette (#F9F3F9, #98C3FA, #9769A4, #4C6F9B, #362A2D)
Browse the whole catalog at Explore, or see today's palette.