Wandering Cocoa color palette — #CDECD6 · #75B0BC · #816778 · #713613 · #3E1910

Built around Bronze, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Honeydew (#CDECD6): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#75B0BC): A luminous, dusty blue — the color of open sky before noon.
• Pewter (#816778): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#713613): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3E1910): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Antique Cocoa color palette (#DEECCF, #87A595, #936F83, #5E4400, #392D00)
• Dusty Periwinkle color palette (#CFE6E6, #6BA0D3, #7A5D8C, #4B3E00, #292100)
• Softworn Chapel color palette (#F7EFE0, #96A57F, #527966, #743A16, #381E0F)
• Timeworn Driftwood Parlor color palette (#B3F1FF, #8EA9D9, #9C648F, #3D5D38, #0C3606)
• Fern Grove color palette (#FFEEE2, #AF9F6E, #596D34, #364E31, #271A00)
• Chestnut Workshop color palette (#D5F3EA, #8BC0B9, #5E979B, #895F30, #415028)
• Weathered Fern color palette (#EBF6E5, #B3D6C9, #AA8E97, #6C6417, #463F00)
• Misty Bronze color palette (#DAEFE6, #379CCC, #B0672E, #005D80, #2F1300)

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