Worn Cocoa Workshop color palette — #FDF3EC · #DEE0CC · #B6B086 · #7B8C74 · #5D4000

A conversation between Bronze and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Bone (#DEE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B6B086): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#7B8C74): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Worn Cocoa Workshop 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

• Hushed Driftwood Summit color palette (#F8F5E9, #B7E6DC, #9EB699, #96863D, #404D00)
• Washed Driftwood color palette (#FCF2F7, #ABCAB2, #7A8851, #4D6C71, #445147)
• Fern Studio color palette (#F6F1E9, #CFC2A3, #7F885E, #5D6822, #33312A)
• Weathered Basalt Thicket color palette (#F9F6E6, #C5E7CC, #65ADA7, #5C7E76, #333E00)
• Driftwood Meadow color palette (#FBF4EF, #C7DCE5, #DDC1DE, #839A78, #5B4653)
• Powder Grove color palette (#E6FBF2, #8BD7FF, #DFB086, #C19975, #253E35)
• Hushed Dune color palette (#FDF4E6, #B5C28E, #348956, #195A68, #161B00)
• Ancient Turquoise color palette (#EDF9F1, #BAF0FF, #F1C193, #3FA9C3, #4B453F)

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