Tempered Workshop color palette — #F9DFEE · #CFA484 · #B66949 · #804945 · #243624

Mocha and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F9DFEE): A whisper-light, dusty pink — the color of neon signs at night.
• Camel (#CFA484): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#B66949): A luminous, balanced orange — the color of toasted spice.
• Coffee (#804945): A full-bodied, dusty orange — the color of autumn markets.
• Deep Forest (#243624): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, 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

• Tempered Bronze color palette (#DCEEDB, #C3AC6F, #AB740A, #7F4D25, #1D362B)
• Tempered Villa color palette (#F7E0EF, #BD8B54, #8E513D, #63333F, #1A3827)
• Driftwood Grove color palette (#FFF2EA, #ECBC9F, #B7785C, #7C483C, #311C06)
• Amber Lagoon color palette (#FFF1F6, #A9C7AC, #B68350, #885D48, #2F4336)
• Garnet Orchard color palette (#FFE8F3, #B77F3A, #944900, #6F1A00, #001D08)
• Muted Bronze Studio color palette (#D4E5D4, #987900, #6F4A00, #4B2500, #0D0C00)
• Byzantium Terrace color palette (#D8F5F6, #2FBC8A, #904BAF, #954151, #002D2F)
• Aged Pine color palette (#DFF3F2, #CFB06E, #007747, #004124, #031A1A)

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