Worn Cocoa color palette — #F0E8EC · #B1BDB1 · #6F9985 · #702E00 · #2B1923

Built around Rust, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F0E8EC): bright and airy, almost weightless.
• Stone (#B1BDB1): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#6F9985): A luminous, dusty teal — the color of sea glass.
• Rust (#702E00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2B1923): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Tempered Basalt Villa color palette (#D8E3DC, #ABBEB8, #629A97, #524300, #13231A)
• Antique Basalt color palette (#F5EAED, #9CAEA3, #75865F, #4F2F00, #1E0E14)
• Softworn Chestnut color palette (#F9E9F0, #D2BEC4, #96AB97, #924A01, #291A21)
• Weathered Garnet color palette (#EFE9F1, #C6B2C1, #A48391, #751F42, #261A2B)
• Weathered Chestnut Delta color palette (#ECF9EE, #C1D9CE, #7FB3AA, #755300, #263829)
• Tempered Spruce Parlor color palette (#E2EEE7, #899F9A, #4B7A7B, #302C00, #000D06)
• Wandering Bronze color palette (#FAF3F6, #CED9DC, #A5C5C7, #936A4C, #4F4449)
• Washed Ridge color palette (#E2F1E7, #6A8534, #005326, #4B1B30, #141F00)

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