Worn Cocoa color palette — #FFEEE3 · #D2A076 · #986850 · #75391B · #2B2012

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

The five colors

• Cream (#FFEEE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D2A076): A luminous, balanced gold — the color of old brass.
• Walnut (#986850): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#75391B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#2B2012): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Worn Cocoa 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

• Washed Field color palette (#FBF0E1, #CCB992, #977F58, #7C4B11, #302C1D)
• Amber Hollow color palette (#F5DBC7, #C18C52, #895635, #5C3025, #221502)
• Worn Bronze color palette (#FFF0F9, #C2A07F, #96644F, #714244, #2B4432)
• Mustard Cabin color palette (#F7F1E7, #D4AD58, #675213, #332509, #100C05)
• Pale Moss Loft color palette (#F3E8CD, #9CAA2F, #796C03, #583F00, #1F1D00)
• Weathered Pewter Canyon color palette (#FFF0F8, #D8B1C3, #B1836D, #8C5B4C, #4E353E)
• Antique Garden color palette (#F9E1C9, #956800, #633800, #3D1400, #090400)
• Mustard Orchard color palette (#F6F2E6, #C2B743, #038968, #6E6715, #0A1103)

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