Worn Cocoa color palette — #FDF3EC · #C38B66 · #626200 · #7B3B00 · #1F1801

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Caramel (#C38B66): A luminous, balanced gold — the color of honey in a jar.
• Olive (#626200): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#7B3B00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#1F1801): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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

• Tempered Amber Archive color palette (#F9F4ED, #B89440, #006F52, #654B00, #111C02)
• Antique Mulberry Field color palette (#FFF2EF, #C98291, #755900, #940041, #221600)
• Terracotta Courtyard color palette (#FCEFE9, #DB847E, #00784F, #972427, #040800)
• Aged Fern color palette (#FCECD3, #A3803A, #506400, #004078, #33302A)
• Washed Olive color palette (#FFD7B0, #B99D60, #706D00, #334C00, #013808)
• Antique Chestnut color palette (#F9F4EF, #D8DBCF, #B9B49B, #865900, #3E3A34)
• Muted Harbor color palette (#FFF3E8, #915400, #005B62, #222288, #2E1411)
• Wandering Olive Thicket color palette (#F7F5EE, #CBC09C, #418E6F, #737200, #2C2F29)

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