Worn Cocoa color palette — #FFF3E7 · #EED6AF · #CEB092 · #A98B7A · #574600

Built around Deep Olive, softened by Wheat — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Wheat (#EED6AF): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CEB092): A luminous, dusty gold — the color of old brass.
• Caramel (#A98B7A): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.

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

• Aged Taupe Courtyard color palette (#FFF1F5, #B3D5B4, #BA8C9C, #896A78, #3E4C41)
• Ancient Chestnut color palette (#FEECF2, #ADC1B0, #9F7584, #774C35, #1E3126)
• Aged Coral Lagoon color palette (#F8E3D8, #EFB382, #D4876F, #9A6D62, #34302A)
• Patina Powder Delta color palette (#FCF1FD, #95C7FF, #CDB476, #AA986C, #433944)
• Weathered Sunflower Corridor color palette (#FEECD0, #D1CE5D, #C59E41, #A5734A, #36362F)
• Hushed Basin color palette (#FFF1F7, #D1AFFB, #DA8E92, #97834E, #2A362E)
• Feathered Field color palette (#EADFC7, #AABB67, #A38E2C, #886335, #252603)
• Amber Market color palette (#FCE4C8, #AC8C00, #976000, #76381A, #0F0B00)

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