Weathered Cocoa Workshop color palette — #F8E4D4 · #B88D65 · #8A552D · #693300 · #342F2A

A conversation between Bronze and Coffee, giving this palette its sense of optimism and warmth.

The five colors

• Parchment (#F8E4D4): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B88D65): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#8A552D): A full-bodied, balanced gold — the color of old brass.
• Bronze (#693300): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#342F2A): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Weathered Cocoa 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 Chestnut color palette (#F1E7CD, #999B61, #6D6527, #524205, #32312A)
• Bronze Lantern color palette (#FDDEEC, #CFA579, #A77251, #82493B, #1A3821)
• Weathered Bronze Parlor color palette (#FFE8D1, #9F6900, #643A00, #401D00, #201300)
• Chestnut Boulevard color palette (#F9F5E7, #B3BE8D, #828456, #745A08, #504900)
• Hushed Atelier color palette (#DFF5E9, #6DAF61, #004A5F, #00291A, #021313)
• Dusty Periwinkle color palette (#C6EBE1, #C79CFF, #49A6FF, #3E2932, #201921)
• Pale Cobalt color palette (#D4F8EE, #0074C0, #894086, #00523C, #052E26)
• Lilac Workshop color palette (#E1E3FF, #A087EA, #72509F, #5B2972, #4D0951)

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