Weathered Cocoa color palette — #FFF3E7 · #BCA380 · #8E6A48 · #75422A · #403D36
A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Camel (#BCA380): A luminous, dusty gold — the color of old brass.
- Walnut (#8E6A48): A full-bodied, dusty gold — the color of old brass.
- Bronze (#75422A): A full-bodied, dusty orange — the color of autumn markets.
- Charcoal (#403D36): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Weathered 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
- Sunlit Parlor color palette (#FFEADB, #BD946E, #A44D10, #822215, #463107)
- Washed Bronze Studio color palette (#FBF5E8, #BFB89D, #997C36, #73582B, #4F4900)
- Worn Amber color palette (#FFF1F6, #A5C8AF, #B78254, #8B5A54, #27443A)
- Wandering Taupe Garden color palette (#FFF1F6, #EACC9B, #CDA37C, #A07C90, #2E4335)
- Patina Station color palette (#EEDDCD, #A5804B, #7F4500, #601F00, #2E2200)
- Bronze Hollow color palette (#EDDBC4, #7E6407, #4E3200, #2E1400, #0D0C00)
- Airy Cocoa Alley color palette (#EDF9EA, #029589, #97578B, #87361C, #293726)
- Hushed Forest color palette (#F1F7EE, #C2AB85, #005F51, #00372E, #11211A)
Browse the whole catalog at Explore, or see today's palette.