Worn Cocoa color palette — #F3EDE3 · #D6D1B5 · #A4A98E · #614A00 · #040200

Bronze takes the lead with Sage close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F3EDE3): a clean, paper-quiet neutral.
• Oat (#D6D1B5): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A4A98E): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#614A00): A full-bodied, balanced gold — the color of old brass.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Weathered Basalt Alley color palette (#EEEDE2, #B8BEA6, #889780, #354200, #010100)
• Basalt Delta color palette (#E9F1EC, #9CAEA6, #658780, #443600, #06180D)
• Softworn Cypress Dune color palette (#F2F7ED, #C2E3DA, #A0C5B2, #007151, #090F03)
• Dusty Bronze color palette (#F5ECDF, #A9B4A2, #869D8E, #8E6C00, #1B1204)
• Timeworn Jade color palette (#E1E4CA, #00A680, #005959, #4F1400, #000201)
• Hushed Studio color palette (#DCE5C4, #50585E, #475500, #111915, #000803)
• Patina Moss Grove color palette (#F1E7D1, #789855, #006A60, #472841, #20001C)
• Feathered Boulevard color palette (#EBDFD2, #907200, #00521D, #270047, #010100)

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