Cocoa Drift color palette — #FEF3EA · #EAD6BD · #D2AE92 · #AA8A7C · #5C4300

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

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Wheat (#EAD6BD): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D2AE92): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#AA8A7C): A luminous, dusty orange — the color of toasted spice.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

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

• Ancient Forest color palette (#FFF2EC, #FACFAA, #CAB47C, #839555, #1B5424)
• Ash Terrace color palette (#FFF1F7, #E3C0CC, #B58EA0, #8B697C, #3D4D3C)
• Worn Taupe color palette (#EFE7D5, #BDC79A, #AC9E63, #92734F, #30312A)
• Antique Chapel color palette (#FFF2EC, #F7AE9D, #87C1D2, #6DA3B3, #632A03)
• Driftwood Meadow color palette (#FCEDF4, #A9C4A8, #A77657, #6A4D65, #223027)
• Aged Jade Corridor color palette (#F9F5EA, #CAB975, #84B077, #6487AF, #44302A)
• Wandering Olive color palette (#F9EFCD, #8BAB66, #858100, #755300, #001D08)
• Garnet Bloom color palette (#FDE4CE, #AF893E, #A25900, #842915, #0E0C00)

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