Worn Cocoa color palette — #FFF2EA · #EED5BA · #D8AB94 · #AB897D · #5D4300

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#EED5BA): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D8AB94): A luminous, dusty orange — the color of toasted spice.
• Caramel (#AB897D): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Muted Apricot Canyon color palette (#FFF2EA, #EBCAA7, #E19878, #B07677, #403D36)
• Aqua Grove color palette (#EDF9EE, #6AD6DC, #E9A57A, #80A57B, #324234)
• Patina Driftwood Studio color palette (#FEECF5, #CFB2BC, #9B768A, #6B4D64, #243025)
• Patina Amber color palette (#F2E7D2, #C1C887, #B99A34, #98714A, #31312A)
• Muted Bronze Parlor color palette (#F9EDCE, #92A967, #8A7F00, #785200, #001D04)
• Wandering Garnet color palette (#F5DFCB, #9D7A3B, #8E4C00, #721B0A, #040300)
• Feathered Villa color palette (#F0DAC3, #DDB243, #D17E00, #B1502E, #2B2B00)
• Tempered Delta color palette (#EDF8F4, #FED4BD, #77A4C6, #52766A, #222E2A)

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