Worn Cocoa color palette — #F7F5EE · #D6DED4 · #A7B5B4 · #75AB96 · #584500

A conversation between Deep Olive and Jade, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F7F5EE): a clean, paper-quiet neutral.
• Silver (#D6DED4): bright and airy, almost weightless.
• Ash (#A7B5B4): soft and architectural.
• Jade (#75AB96): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Weathered Basalt Ridge color palette (#FAF4EB, #D6D9AB, #ADB084, #A38C6A, #4F4100)
• Washed Courtyard color palette (#F5F6EE, #D4DDD8, #99D4D8, #A7B3B5, #53534B)
• Softworn Driftwood Balcony color palette (#EFF7F4, #D2DBDD, #B0C6CB, #8F9465, #3C4C45)
• Aged Study color palette (#FFF3E8, #D0CB89, #6DB693, #98729E, #3E3D36)
• Softworn Pine color palette (#EAEBE4, #91A79D, #748E89, #007834, #080B01)
• Washed Loft color palette (#E5E7D2, #80BE60, #69745F, #4D4D00, #1B1810)
• Hushed Celadon color palette (#F8F6E6, #E0E5B7, #C7E283, #64DBD0, #40423B)
• Muted Lime color palette (#F7F6E9, #ACCB77, #859FD8, #8370AD, #5A2525)

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