Worn Cocoa color palette — #F9F3FA · #EBC4D6 · #8E7291 · #6B3E44 · #302931

Cocoa and Slate set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F9F3FA): bright and airy, almost weightless.
• Oat (#EBC4D6): A whisper-light, dusty rose — the color of a warm blush.
• Slate (#8E7291): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#6B3E44): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#302931): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, 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

• Ancient Driftwood color palette (#FFF2EE, #E0DCCE, #A87779, #584038, #221916)
• Antique Ember color palette (#F9F3F8, #E9C3E3, #C78D61, #CE6A62, #3B2730)
• Ancient Straw color palette (#FDF2F2, #E1E3A7, #BD8FA3, #846462, #342827)
• Ancient Bronze Meadow color palette (#F0F8EF, #DAC098, #926834, #5D3A03, #1C241B)
• Ancient Meadow color palette (#F8F3FB, #9BCDB9, #864661, #403249, #2A2327)
• Softworn Taupe color palette (#F9F3F7, #DFD7D7, #B9AFA8, #C38D79, #5A4F55)
• Ancient Loft color palette (#F5DAE5, #B9883A, #673700, #2B1400, #090003)
• Aged Thicket color palette (#F5F3FF, #BB94C6, #0D9297, #1B75A7, #313647)

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