Weathered Cocoa color palette — #FFF2EC · #FFC0AD · #E8A98B · #B88564 · #734203

Built around Bronze, softened by Melon — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Wheat (#FFC0AD): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#E8A98B): A luminous, balanced orange — the color of toasted spice.
• Caramel (#B88564): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#734203): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Driftwood Chapel color palette (#FFF3E6, #FDDBB5, #D9B385, #AB8354, #533200)
• Linen Amber color palette (#FFDEF5, #E4A48D, #BE6F43, #814C29, #462B36)
• Antique Stone color palette (#FFECEC, #FDC0D8, #E9A4BB, #C28592, #67433A)
• Hushed Taupe color palette (#FFF3E8, #FEC8A1, #9FD6B0, #D39A71, #4C4E47)
• Antique Chestnut color palette (#FFF3E6, #DCDDC9, #BBCAD7, #D8B79C, #724B00)
• Marigold Harbor color palette (#F6E1CD, #E79900, #B58200, #836300, #362B00)
• Pale Courtyard color palette (#F6DCD1, #BE5C00, #864800, #5F3600, #140900)
• Misty Study color palette (#F4EABB, #D1D07E, #A7B155, #81934C, #394B21)

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