Wandering Cocoa color palette — #EBFAEE · #B1A463 · #706D06 · #823700 · #433A0D

Rust and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBFAEE): A whisper-light, dusty teal — the color of glacier melt.
• Camel (#B1A463): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#706D06): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#823700): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#433A0D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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

• Weathered Fern Workshop color palette (#ECF9F3, #93A275, #4D6E32, #61451B, #113E33)
• Feathered Amber Courtyard color palette (#F1E6D7, #C89300, #856900, #635400, #274819)
• Amber Coast color palette (#DEFFEA, #A99321, #009192, #6B5C00, #004445)
• Hazy Bronze Boulevard color palette (#DDFEEF, #9DEAE2, #8EC889, #7D6C00, #404613)
• Frosted Mustard Corridor color palette (#F5FCBC, #AFB651, #6D7300, #3B3D00, #272900)
• Olive Loft color palette (#E6F7E8, #AAAE5F, #3C7D16, #6E345C, #00281B)
• Lime Ridge color palette (#FEF4E1, #DED264, #A6AD2E, #AE7C5C, #403C10)
• Brick Pier color palette (#D0F7DA, #9F7A00, #008948, #B50029, #3E2E00)

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