Wandering Cocoa color palette — #F7EAE7 · #AE6D7A · #63260D · #291A16 · #120A09

Rust and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F7EAE7): bright and airy, almost weightless.
• Mocha (#AE6D7A): A luminous, balanced red — the color of late-summer berries.
• Rust (#63260D): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#291A16): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#120A09): quiet, heavy and certain.

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

• Tempered Raspberry Station color palette (#F7EEFA, #B45D75, #4C3344, #2E2531, #181418)
• Blush Pier color palette (#F8EEFA, #D27F8F, #674F65, #3E343F, #232025)
• Wandering Bronze color palette (#F0E6DB, #9D690C, #34302A, #1F1305, #0A0502)
• Driftwood Cabin color palette (#FEEEE4, #C28E77, #909344, #A15E8D, #342317)
• Chestnut Quarry color palette (#FFF2EF, #DF96A6, #7D431B, #372623, #150D0D)
• Lowlit Brick color palette (#F5E6E0, #C61812, #431E0E, #210700, #0B0100)
• Tempered Chestnut color palette (#FFEDE7, #E6A9A1, #B7725E, #8C4321, #39322E)
• Rust Boulevard color palette (#FBEFE8, #D6A796, #A590C8, #AE5331, #462533)

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