Tempered Workshop color palette — #FEF2F3 · #DFB69E · #7B5156 · #4D2F33 · #2E211C

Built around Sand, softened by Coffee — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FEF2F3): a clean, paper-quiet neutral.
• Sand (#DFB69E): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7B5156): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#4D2F33): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#2E211C): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Stone Grove color palette (#FEF2EC, #D2A576, #764033, #4D1E00, #221A0C)
• Bronze Canyon color palette (#FCF3F2, #E6ACCA, #AD675F, #925777, #332C29)
• Basalt Courtyard color palette (#FAEEF1, #C6C6A2, #6F567C, #3D2649, #1B1013)
• Worn Ash color palette (#F6F3FE, #FFD2C4, #C089B9, #706784, #2C2A32)
• Driftwood Ridge color palette (#F4F4FE, #AFDCD2, #8B729A, #4B486C, #2B2A35)
• Ancient Harbor color palette (#FFF2EF, #E0AAAA, #AF6E66, #864A35, #713813)
• Gentle Summit color palette (#FFF2F0, #E2874F, #7F154C, #460C29, #281413)
• Amber Lagoon color palette (#F5E0D0, #C48300, #5C2C00, #2D1200, #0D0800)

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