Softworn Cocoa color palette — #FFF3E2 · #A9AC72 · #896E3A · #784212 · #3F4100

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

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Sage (#A9AC72): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#896E3A): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#784212): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3F4100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Softworn 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

• Ancient Taupe Garden color palette (#FEF5DE, #96B278, #7D7435, #56504B, #3C3E37)
• Patina Bronze Loft color palette (#FFF2EB, #D0B294, #AE6F4B, #74544F, #5C4300)
• Timeworn Courtyard color palette (#FFEAD9, #B99847, #9C5400, #703532, #37352F)
• Patina Coast color palette (#FFECFB, #E98E9D, #A55A3C, #6B4C00, #344300)
• Softworn Bronze Meadow color palette (#FBE1C4, #9A8822, #784A00, #5E2010, #282502)
• Amber Summit color palette (#EDF9EF, #B7DAC9, #C2A973, #B17A4B, #1D453D)
• Quiet Moss color palette (#E5E1AB, #68A03A, #645D00, #553400, #00321F)
• Worn Olive color palette (#E8E0C2, #5B7200, #443700, #2E1500, #001003)

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