Wandering Cocoa color palette — #FFF2ED · #E0D9CE · #D6B1AA · #94B4AA · #7F4126

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D9CE): a clean, paper-quiet neutral.
• Rosewood Mist (#D6B1AA): A luminous, dusty orange — the color of autumn markets.
• Sage (#94B4AA): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#7F4126): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Timeworn Meadow color palette (#FFF2EF, #E1DACF, #9FBED1, #C3999E, #614E49)
• Basalt Villa color palette (#FFF3E8, #DFE0BD, #BBCE9B, #D0A087, #543300)
• Dusty Ash color palette (#FEEEEA, #E0DAC8, #BDCBA8, #A083B4, #47342E)
• Tempered Thicket color palette (#FFF2E9, #FCD7A9, #C19279, #965E30, #312A24)
• Amber Ridge color palette (#FAE4DB, #E38C6A, #D77816, #A3464F, #250400)
• Mustard Bloom color palette (#FBF4EA, #E4BB6B, #70BB91, #AF7886, #36302B)
• Aged Studio color palette (#F5EFDC, #C9C22C, #90B351, #9C7000, #211D00)
• Pale Parlor color palette (#FDF9BC, #D7F65D, #A6E67B, #BB9E42, #353808)

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