Softworn Cocoa color palette — #FFF4E2 · #A6AC7A · #886F38 · #774210 · #3E4100

Built around Bronze, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A6AC7A): A luminous, dusty green — the color of fresh herbs.
• Walnut (#886F38): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#774210): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3E4100): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Weathered Grove color palette (#FFF2EA, #C1A176, #99644A, #6E463C, #3F3D36)
• Muted Moss color palette (#F5E6CA, #8FA056, #796006, #5E3A1E, #30312A)
• Bronze Study color palette (#E5F7EA, #8CB79E, #847345, #36553B, #0A291D)
• Antique Driftwood Courtyard color palette (#E8FBEC, #B3DBC8, #C0AA78, #AD7C52, #1C463D)
• Washed Indigo Workshop color palette (#FFF0FB, #6473E6, #79732F, #5A551F, #3E2C39)
• Timeworn Olive Quarry color palette (#E4E1C8, #5C842C, #4E4600, #3B2100, #001C0E)
• Worn Terracotta color palette (#FDD4BE, #C87800, #A12B00, #6F0C36, #322800)
• Velvet Chestnut color palette (#FADFCA, #705500, #442100, #290002, #050300)

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