Cocoa Drift color palette — #E4EFFF · #FFD2BC · #C7BCC0 · #5D2D00 · #20150C

Built around Cocoa, softened by Peach Cream — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#E4EFFF): A whisper-light, dusty blue — the color of open sky before noon.
• Peach Cream (#FFD2BC): A whisper-light, dusty orange — the color of autumn markets.
• Stone (#C7BCC0): a calm mid-gray that lets other colors speak.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#20150C): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Ancient Balcony color palette (#F0EAFF, #F5E000, #D5C7CA, #393730, #201B0E)
• Honey Drift color palette (#FFF2EC, #E0DCFF, #FFC470, #452B00, #170F05)
• Hushed Bronze color palette (#FCF3EB, #F3E6B3, #996B3B, #522F03, #190C01)
• Washed Apricot Alley color palette (#E3E4FD, #00DCA2, #F68E00, #382819, #1C140B)
• Dusty Boulevard color palette (#EADFF8, #54EEFC, #EC7492, #503843, #302931)
• Taupe Coast color palette (#F8F5EF, #D7DDD6, #AAB2BF, #AE9F4F, #503C00)
• Wandering Seafoam color palette (#DBE3FB, #19F3B2, #FFB572, #684F59, #2B2326)
• Muted Meadow color palette (#F9F6E3, #A8BD6D, #64B186, #5D6BBA, #2A2507)

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