Worn Cocoa color palette — #FFF0F9 · #BC9DAA · #96644F · #783E3A · #304330

Coffee and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mauve (#BC9DAA): A luminous, dusty rose — the color of strawberry cream.
• Walnut (#96644F): A full-bodied, dusty orange — the color of autumn markets.
• Coffee (#783E3A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#304330): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Cocoa Dune color palette (#EBFAEB, #90B09A, #8C6C3C, #764316, #234536)
• Washed Dune color palette (#F5E2EB, #B38F6B, #895536, #6C2F23, #1B3820)
• Tempered Veranda color palette (#FFF2EB, #D6B896, #BC7E66, #8B5861, #403D36)
• Weathered Meadow color palette (#EDF9EE, #A3C1AC, #698A6B, #765061, #344E42)
• Hazy Veranda color palette (#FFEAE1, #D2A577, #8F6C00, #5B5300, #334400)
• Wandering Terracotta color palette (#FAF3F8, #E2998A, #7E6F0D, #A72E1A, #16291F)
• Hushed Cocoa Lagoon color palette (#FAF2FA, #93BA9B, #7D393D, #4F191E, #281D28)
• Patina Workshop color palette (#FFE9F1, #8E7043, #673800, #461700, #1D1500)

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