Cocoa Drift color palette — #FEF3E7 · #EFD5B2 · #CFAF8D · #A38D7A · #604100

Bronze takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FEF3E7): a clean, paper-quiet neutral.
• Wheat (#EFD5B2): A whisper-light, dusty gold — the color of old brass.
• Sand (#CFAF8D): A luminous, dusty gold — the color of old brass.
• Caramel (#A38D7A): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Worn Market color palette (#F8F0E8, #C6BAA2, #A97740, #7A4940, #302D18)
• Tempered Garden color palette (#FFF1F5, #CBEDE5, #CAA1AF, #8C7180, #34443A)
• Timeworn Honey Delta color palette (#FFECCA, #E0C84E, #BEA14C, #9B7A3E, #37352F)
• Ancient Atelier color palette (#EBFAEA, #50DAD7, #A6B4E7, #9C9D6D, #344134)
• Wandering Veranda color palette (#EDE2C9, #B7B761, #9E902F, #80681D, #2A2405)
• Amber Garden color palette (#FBE4D2, #DA893C, #B96221, #8B4223, #221200)
• Weathered Bronze color palette (#EFDEC6, #A07A00, #7E5700, #5A3600, #050300)
• Timeworn Olive color palette (#F3F7EE, #DCE4B0, #76AC96, #5C7738, #292D24)

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