Wandering Cocoa color palette — #FEF4E3 · #FFD2B7 · #B1A16E · #447B8E · #5A3600
A conversation between Cocoa and Camel, giving this palette its sense of nature and growth.
The five colors
- Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
- Peach Cream (#FFD2B7): A whisper-light, dusty gold — the color of honey in a jar.
- Camel (#B1A16E): A luminous, dusty green — the color of fresh herbs.
- Slate (#447B8E): A full-bodied, dusty blue — the color of deep harbor water.
- Cocoa (#5A3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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
- Washed Cocoa Harbor color palette (#FFF3E2, #FFBFAB, #BBAE7C, #788BB6, #693B00)
- Taupe Harbor color palette (#FEF4E4, #FFCED7, #D09174, #657A57, #4C3B35)
- Weathered Sand Dune color palette (#FFF4E2, #F8D997, #95AC6F, #846785, #423F38)
- Softworn Sand Corridor color palette (#FDF3EB, #FFBB83, #76A884, #437669, #4C2F31)
- Muted Stone Canyon color palette (#FFF3E7, #DCDFC9, #C0BDA2, #778B84, #5D4D57)
- Sunflower Grove color palette (#FFF4E2, #C3D77B, #5DA37D, #625D87, #32322B)
- Hushed Chapel color palette (#EAFAEE, #92B28F, #867642, #25674E, #384E3A)
- Bronze Alley color palette (#FAF5E9, #BEE4CF, #B0B289, #B57355, #514600)
Browse the whole catalog at Explore, or see today's palette.