Worn Cocoa color palette — #FEF3E5 · #E7B094 · #AE8B63 · #567952 · #6A3A00

A conversation between Bronze and Sand, giving this palette its sense of nature and growth.

The five colors

• Cream (#FEF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#E7B094): A luminous, dusty orange — the color of toasted spice.
• Caramel (#AE8B63): A luminous, dusty gold — the color of honey in a jar.
• Olive (#567952): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#6A3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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 Ridge color palette (#FFF3E8, #E5ACB9, #BD807A, #796F44, #58423C)
• Washed Cocoa Courtyard color palette (#FDF4E4, #CA9A90, #936F4A, #335B8B, #703415)
• Tempered Driftwood color palette (#FFF3E4, #E1D4BD, #B1AD9A, #7A8871, #475747)
• Pale Marigold color palette (#FFF4DD, #E2942F, #997900, #006C48, #493002)
• Antique Parlor color palette (#FFF5DB, #B6B668, #749159, #007178, #3F3D36)
• Softworn Market color palette (#FBEFE6, #CB8A60, #7A4C0D, #552C00, #26201C)
• Amber Loft color palette (#F2DBB2, #BD871B, #786900, #005542, #2F2200)
• Antique Cocoa Archive color palette (#FFF2EA, #E4D8CF, #C8C794, #D5AA76, #693700)

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