Worn Cocoa Coast color palette — #E9E8F6 · #B78B9C · #7C5781 · #69322D · #432A00

Built around Cocoa, softened by Graphite — the whole palette hums with optimism and creativity.

The five colors

• Frost (#E9E8F6): bright and airy, almost weightless.
• Dusty Rose (#B78B9C): A luminous, dusty rose — the color of strawberry cream.
• Graphite (#7C5781): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#69322D): A deep, shadowed, dusty orange — the color of autumn markets.
• Espresso (#432A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, 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

• Cocoa Canyon color palette (#E9DAE6, #B9819D, #905660, #66410B, #3A3730)
• Iris Atelier color palette (#D9E6FF, #858CC3, #6D5E92, #6C3847, #5A2628)
• Muted Pewter Field color palette (#EFDCF1, #9B5D8C, #693C4D, #482400, #291B00)
• Aged Lilac color palette (#E1E3F2, #BFB2E8, #B584C9, #A46264, #482B3F)
• Basalt Station color palette (#D7E3D6, #6891B0, #685985, #484500, #202501)
• Chestnut Atelier color palette (#FFE8EE, #D0ADB1, #A18382, #8D5727, #704500)
• Basalt Bloom color palette (#FEDFE8, #885459, #58281C, #211A00, #010C02)
• Washed Fern color palette (#C0E7F3, #94B0C7, #8679B4, #6B6100, #1C4724)

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