Cocoa Drift color palette — #FFF4E1 · #CE969D · #8C743D · #445982 · #6F360C

Built around Bronze, softened by Walnut — the whole palette hums with optimism and creativity.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#CE969D): A luminous, dusty red — the color of late-summer berries.
• Walnut (#8C743D): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Peacock (#445982): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#6F360C): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Patina Driftwood color palette (#F7F6E5, #BA9AC3, #9B685C, #2B6272, #594040)
• Cocoa Villa color palette (#FFF3E9, #C5A077, #59835A, #734C5D, #5B4400)
• Washed Amber color palette (#FCF3ED, #C88566, #3E7895, #2E5874, #56374C)
• Muted Petrol Market color palette (#FEF4E4, #E4B19A, #A98E56, #077C91, #4C4641)
• Softworn Market color palette (#FFF2EF, #D4C1B3, #99987A, #7E6772, #5F4748)
• Worn Cypress Chapel color palette (#FBF3EF, #C8EBE7, #73A597, #3E7C68, #624A5B)
• Hushed Atelier color palette (#FFF3E4, #DA6339, #5E6700, #37378D, #4D2D03)
• Muted Drift color palette (#E9FBED, #FFBBC3, #C7AB67, #728CBC, #52424C)

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