Muted Cocoa Drift color palette — #FEF3E5 · #D49688 · #7A7B48 · #4D577D · #683C00

Bronze and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D49688): A luminous, dusty orange — the color of autumn markets.
• Walnut (#7A7B48): A full-bodied, dusty green — the color of a quiet forest floor.
• Peacock (#4D577D): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#683C00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Muted 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

• Weathered Cocoa Parlor color palette (#FBF5E5, #D093A7, #907148, #346457, #703417)
• Fern Thicket color palette (#FFF2EB, #BDA56B, #47866A, #654F72, #544700)
• Antique Terrace color palette (#FEF4E4, #D9B696, #9C945E, #2F7898, #633F00)
• Softworn Denim Boulevard color palette (#E9F6EB, #CAA281, #817A4A, #005A7A, #1E321F)
• Timeworn Pewter color palette (#FFF2EF, #CDBEAF, #9B9B84, #896B71, #654E47)
• Cypress Summit color palette (#FEF2ED, #C2867C, #2B7E82, #544C78, #4C3151)
• Hushed Terrace color palette (#FAF4EE, #CCE5E5, #819AC4, #427A73, #614B57)
• Gentle Loft color palette (#FFF3E7, #CE7000, #457B15, #3F287A, #443200)

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