Wandering Cocoa color palette — #F8E9DC · #A86F33 · #7E4000 · #521E00 · #130900

A conversation between Bronze and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#F8E9DC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#A86F33): A full-bodied, balanced gold — the color of old brass.
• Bronze (#7E4000): A full-bodied, balanced gold — the color of old brass.
• Espresso (#521E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#130900): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Bronze Station color palette (#EBDCC3, #927C00, #674F00, #422C00, #0D0C00)
• Hushed Bronze color palette (#F8E2D1, #8B5C00, #5A2900, #3D0002, #0F0B00)
• Bronze Balcony color palette (#F3E3D7, #AE7B0A, #7A3700, #46000F, #010100)
• Garnet Cabin color palette (#F0DBE5, #BF812E, #A65400, #862705, #110A00)
• Antique Rust color palette (#FCE9DE, #CE8D6A, #AC5534, #7A3529, #361E05)
• Moonless Garnet Bloom color palette (#E2DFD0, #596000, #760043, #401000, #040200)
• Weathered Moss color palette (#F7EED8, #BBBA5E, #988700, #765D00, #33390C)
• Frosted Hollow color palette (#D5E6C8, #00715A, #004EA6, #423400, #020600)

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