Cocoa Drift color palette — #FFF2ED · #F1D7B9 · #E1A480 · #A67C51 · #6A4600

Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Wheat (#F1D7B9): A whisper-light, dusty gold — the color of old brass.
• Camel (#E1A480): A luminous, balanced gold — the color of afternoon light on wheat.
• Caramel (#A67C51): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6A4600): A full-bodied, balanced gold — the color of old brass.

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

• Muted Cocoa color palette (#FFF1F2, #F9D1CE, #E49CAF, #A86D6D, #7C3F20)
• Hushed Marigold color palette (#FFDEC5, #ECA333, #987100, #544700, #1C1C00)
• Patina Bronze color palette (#F7E5FF, #EDA29A, #BC6B2C, #7A5417, #254132)
• Amber Field color palette (#FFF2EC, #FFB87A, #CA8B00, #725900, #403700)
• Amber Market color palette (#FFF3E8, #E8DBB8, #97D5F8, #C78A59, #215041)
• Chestnut Ridge color palette (#FFF3E6, #DCDEC9, #CFBB96, #B4B4BE, #714A00)
• Faded Taupe Balcony color palette (#FFF5D6, #DDDC8F, #A5B158, #5C813F, #304F2D)
• Soft Amber Harbor color palette (#FCE9CC, #B79900, #706D00, #323C00, #040B00)

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