Wandering Cocoa color palette — #FFF3E3 · #FFD1BD · #9BAA74 · #85677F · #583700
Built around Cocoa, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Peach Cream (#FFD1BD): A whisper-light, dusty orange — the color of autumn markets.
- Sage (#9BAA74): A luminous, dusty green — the color of fresh herbs.
- Slate (#85677F): A full-bodied, dusty pink — the color of a candy shop window.
- Cocoa (#583700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, 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
- Cocoa Meadow color palette (#FEF4DD, #FFCDD9, #BF9C63, #557697, #662C08)
- Patina Straw color palette (#FFF2EA, #EFDE85, #68B39F, #8B6772, #404038)
- Weathered Fern color palette (#FAF5E9, #B3EEF1, #82BCA9, #9A7D81, #494A00)
- Antique Teal color palette (#FFF2EB, #FFB8A1, #48ABB0, #6B648E, #492F3D)
- Forest Boulevard color palette (#FAF1DF, #BEA97C, #7D7C47, #006053, #362A11)
- Tempered Sand Balcony color palette (#E9FAEE, #EECA93, #B7B07F, #62969B, #3C4D40)
- Patina Bronze color palette (#EDF9EE, #CE9A7E, #7D7A3C, #535286, #3C4D3B)
- Tempered Stone Study color palette (#FFF2EC, #DFDFCC, #AECCB7, #A38A93, #614851)
Browse the whole catalog at Explore, or see today's palette.