Softworn Cocoa color palette — #FCF4EC · #CAC0A7 · #728A63 · #7D5B61 · #614900

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

The five colors

• Ivory (#FCF4EC): bright and airy, almost weightless.
• Stone (#CAC0A7): A luminous, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#728A63): A luminous, dusty green — the color of a quiet forest floor.
• Graphite (#7D5B61): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Worn Pier color palette (#F8F5EA, #BFC4A9, #518E82, #4C6E63, #4C5300)
• Weathered Driftwood color palette (#EAF5EE, #A4CEC0, #6E8D65, #4C6479, #22362F)
• Hushed Cerulean color palette (#FFF1F5, #E4DAD2, #D6C99C, #7783B0, #634C4E)
• Pine Harbor color palette (#FBF3F1, #CCE7E1, #78A591, #417E55, #604A60)
• Patina Pine Basin color palette (#FFF3E3, #9FA973, #257C43, #7C3160, #383F0C)
• Antique Violet Thicket color palette (#FFF1F4, #C4A2CE, #73A877, #9354A6, #365639)
• Worn Forest color palette (#F1DDC9, #837C37, #1C5200, #2E215F, #1E1B00)
• Nocturne Spruce Chapel color palette (#EEE3D6, #62611D, #053504, #2D0025, #060600)

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