Cocoa Drift color palette — #FFEFF3 · #D9B0B5 · #A07977 · #7B563F · #6A4400

A conversation between Bronze and Coffee, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFEFF3): a clean, paper-quiet neutral.
• Rosewood Mist (#D9B0B5): A luminous, dusty red — the color of embers at dusk.
• Mocha (#A07977): A luminous, dusty orange — the color of autumn markets.
• Coffee (#7B563F): A full-bodied, dusty gold — the color of old brass.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Bronze Canyon color palette (#FFF2EF, #D5BFB7, #A28A7E, #886D25, #574C00)
• Wandering Bloom color palette (#F3F4FF, #D9D5F9, #BCADD5, #A6879A, #654955)
• Softworn Fern Boulevard color palette (#D1F6E9, #C6A7B9, #A27891, #576118, #353F00)
• Weathered Spruce color palette (#F8D9CA, #87817B, #735500, #004212, #003020)
• Linen Pier color palette (#EEDFEC, #C781A6, #9D5966, #6C4300, #353D05)
• Softworn Basalt Boulevard color palette (#F8F6E8, #B3B28F, #5C7E53, #456246, #494400)
• Soft Mulberry Harbor color palette (#FFF1F3, #C08ABD, #BB782F, #90418F, #603703)
• Softworn Garnet color palette (#EEDBE3, #8C4D5C, #642222, #281C00, #031001)

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