Worn Cocoa color palette — #FEF3EA · #E0DBC4 · #CFA487 · #9A6E5A · #593700

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

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Bone (#E0DBC4): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#CFA487): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#9A6E5A): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#593700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, 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

• Patina Chestnut Hollow color palette (#FFF2EB, #F3D6C2, #C4907C, #95574B, #36302B)
• Bronze Veranda color palette (#FFF4E1, #C1B376, #927100, #5E4000, #151300)
• Washed Driftwood Field color palette (#FFF1F7, #D7A9BA, #9C7285, #705464, #3F4C3F)
• Terracotta Basin color palette (#FFDECA, #CD8660, #98421E, #610700, #090200)
• Twilit Ridge color palette (#ECDED0, #956920, #563200, #200C00, #020100)
• Dusty Workshop color palette (#FFF3E4, #E4CD9C, #C08500, #875100, #312700)
• Weathered Driftwood color palette (#FDF2F4, #E3DCD1, #957A9F, #5F3944, #23171A)
• Lagoon Veranda color palette (#E9FAF3, #97CBEA, #A5B77A, #5A9166, #22372F)

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