Wandering Cocoa color palette — #FFF1F2 · #FFD1C5 · #DDA886 · #AD885A · #574200

A conversation between Deep Olive and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FFD1C5): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#DDA886): A luminous, dusty gold — the color of old brass.
• Caramel (#AD885A): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#574200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Wandering Cocoa 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 Corridor color palette (#FFEBF9, #E4B7A2, #B17A54, #754700, #3A2400)
• Softworn Fern Balcony color palette (#FFF0FB, #FFBBC3, #C69370, #826D34, #3D4D13)
• Aged Cocoa color palette (#FEF4E4, #FFBEB4, #CBA780, #59989A, #6E3708)
• Sand Bloom color palette (#FFF3E8, #FFD799, #C6BB78, #879256, #345626)
• Tempered Marigold Courtyard color palette (#FFDFD6, #FFB687, #E09400, #9C7B00, #353800)
• Muted Garden color palette (#FEEEE4, #FF995F, #9E7235, #5C534C, #26201E)
• Bone Courtyard color palette (#FFF2EB, #EFD8BF, #CDC4AC, #8FA899, #554856)
• Misty Marigold color palette (#F9D6C7, #F89619, #AE8500, #706600, #1C2700)

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