Weathered Cocoa color palette — #FFF2EC · #EDD7BE · #D99A79 · #A07151 · #6E3F00

Bronze takes the lead with Camel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#EDD7BE): A whisper-light, dusty gold — the color of old brass.
• Camel (#D99A79): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#A07151): A full-bodied, dusty gold — the color of old brass.
• Bronze (#6E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

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

• Tempered Balcony color palette (#FFF3E7, #E4DFB6, #D0AA6D, #987D46, #4D4942)
• Timeworn Blush Dune color palette (#FFF1F1, #F6D2D1, #DA93A9, #A36B78, #6D473D)
• Pale Marigold Thicket color palette (#FFE9D6, #E99C00, #9A6C00, #614800, #271F00)
• Chestnut Veranda color palette (#FFF3E6, #DDDACA, #D1A87C, #865E31, #332E28)
• Linen Bloom color palette (#F2DDF6, #EAA69D, #BD6736, #7C501A, #283F2E)
• Taupe Station color palette (#FFF2E9, #EAD9BA, #DEBDF1, #C48B69, #5C3B45)
• Powdered Amber Veranda color palette (#FFF2EA, #FFC08A, #CD8000, #875B00, #422F00)
• Muted Cabin color palette (#FFF3E8, #F9BE8D, #ADC48D, #CA8EA5, #532E00)

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