Worn Cocoa Coast color palette — #E5DAFD · #AB98BB · #97636B · #61400E · #342800

Bronze and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#E5DAFD): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#AB98BB): A luminous, dusty violet — the color of wild irises.
• Mocha (#97636B): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#61400E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#342800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Worn Cocoa Coast 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 Fern Cabin color palette (#F9E0FA, #B598AD, #916248, #494C13, #06332C)
• Patina Cocoa Archive color palette (#F4E1FB, #90708F, #723B29, #322D00, #0D1100)
• Patina Cypress color palette (#F1E0F9, #BDA7BE, #9F8095, #436A54, #153E31)
• Tempered Forest Terrace color palette (#FFDEEB, #C2A87C, #847C4D, #085E43, #00342D)
• Cypress Cabin color palette (#FFEBF8, #DBC4CF, #879786, #476E67, #2B4A49)
• Muted Mulberry color palette (#EEE5F7, #C472A0, #A07300, #931269, #271900)
• Powdered Mulberry Ridge color palette (#FFE7EF, #DA95B0, #9E3A6F, #5D0037, #20000F)
• Patina Mulberry Balcony color palette (#EADAEF, #BB7FBB, #93388C, #6A0057, #360724)

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