Cocoa Drift color palette — #F4DDDE · #A77581 · #813F29 · #064726 · #003131

Bronze takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F4DDDE): A whisper-light, dusty red — the color of embers at dusk.
• Mocha (#A77581): A luminous, dusty red — the color of a theater curtain.
• Bronze (#813F29): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#064726): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Forest (#003131): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Cocoa Drift 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

• Plum Bloom color palette (#EBDFFF, #B35776, #6C4F20, #203A1F, #021902)
• Mulberry Villa color palette (#DEDEEC, #A178AD, #823F5A, #3C3D00, #04300F)
• Wandering Bronze color palette (#FFE9E7, #A8724D, #6D5B1D, #003E43, #00292C)
• Wandering Alley color palette (#EEEAFF, #C37894, #A36139, #1F5061, #003339)
• Wandering Balcony color palette (#F1DCD9, #8F5A29, #4D3F00, #00272D, #0B0D25)
• Aged Fern color palette (#F6DBF7, #B893B0, #AA7656, #5F672D, #172E05)
• Muted Pier color palette (#FFF0EF, #DCB1A2, #A48167, #516828, #2B5049)
• Antique Fern color palette (#E6DDD0, #837C37, #3C4C00, #382150, #1E1B00)

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