Wandering Cocoa color palette — #FCF3EF · #DCDBCA · #BAC2AE · #A67165 · #602701

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#DCDBCA): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#BAC2AE): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A67165): A luminous, dusty orange — the color of toasted spice.
• Rust (#602701): A deep, shadowed, balanced orange — the color of autumn markets.

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

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

• Worn Bronze color palette (#F9F4ED, #D5DCCF, #B2C4B6, #9B7B3C, #3E3A34)
• Tangerine Dune color palette (#FAF4F0, #DCD9D1, #C7C3AD, #E38255, #5C2C00)
• Weathered Stone color palette (#FFE4E8, #D1B693, #949674, #816173, #5C3B4E)
• Worn Chestnut color palette (#ECE4DC, #BBB4A1, #959976, #764500, #1F1002)
• Dusty Bronze color palette (#ECDCCB, #B36E00, #4B3F00, #2C1F0F, #130B07)
• Softworn Station color palette (#FFF3E2, #ABBF6E, #4D9166, #7C5763, #37362F)
• Worn Coral color palette (#FAEDD3, #FC6E6B, #887800, #315689, #352F2A)
• Wandering Apricot Corridor color palette (#FFF3E7, #FFB6D3, #FE9A3A, #74A762, #3C2A00)

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