Worn Cocoa color palette — #FFEEE4 · #CBA284 · #976855 · #6E3C38 · #2E1F0C

Cocoa and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FFEEE4): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#CBA284): A luminous, dusty gold — the color of old brass.
• Walnut (#976855): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#6E3C38): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#2E1F0C): A deep, shadowed, dusty gold — the color of old brass.

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

• Dusty Cocoa Pier color palette (#F3DBCA, #B39171, #88573B, #632A20, #231500)
• Hushed Bronze color palette (#F9F0E6, #C7B9A0, #A5793C, #7D4A13, #312C1C)
• Timeworn Cocoa Canyon color palette (#FFF0F9, #C19BA7, #966452, #753E4A, #294435)
• Antique Bronze color palette (#F6E8C8, #A0A662, #7C6B00, #5A3E00, #142100)
• Cerulean Ridge color palette (#E5F7EF, #1B91C5, #9F6259, #6B4C00, #051F17)
• Chestnut Thicket color palette (#F7DDC8, #885400, #562800, #310700, #030100)
• Muted Stone Archive color palette (#E7F6EE, #C8B07E, #285C71, #0A2F21, #03100A)
• Hushed Fern color palette (#F6EFD7, #7A904D, #5A5900, #3D2F00, #0F0F00)

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