Worn Cocoa color palette — #F1E7CF · #959C6A · #6D6431 · #593F00 · #31312A

Bronze takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F1E7CF): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#959C6A): A luminous, dusty green — the color of fresh herbs.
• Olive (#6D6431): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#593F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#31312A): quiet, heavy and certain.

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

• Washed Chestnut Parlor color palette (#FBE3D1, #B78E63, #8D532E, #62362C, #34302A)
• Chestnut Garden color palette (#D9EEE1, #A2B688, #8C8147, #824C00, #0E3737)
• Worn Alley color palette (#FFECDB, #895E00, #542D00, #330F00, #100B00)
• Indigo Archive color palette (#FCE8F2, #735AC5, #805800, #205204, #381C2B)
• Muted Chapel color palette (#F4E6FE, #C17EB7, #A24A76, #781234, #4B2300)
• Grape Thicket color palette (#FFF1F6, #7954A4, #614B00, #004021, #04251D)
• Muted Navy Corridor color palette (#FCE8F3, #B79751, #3D3976, #1E1B40, #210F1A)
• Feathered Studio color palette (#FDF1F6, #A08CCE, #923A5E, #5B3695, #28110E)

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