Wandering Cocoa color palette — #F9F1E2 · #98A872 · #46704B · #5B4200 · #211C00
A conversation between Bronze and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F1E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#98A872): A luminous, dusty green — the color of new leaves after rain.
- Pine (#46704B): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#5B4200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#211C00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, 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
- Tempered Cypress Corridor color palette (#F2F3E6, #79AD99, #097374, #324F2D, #152009)
- Olive Drift color palette (#F5F2E5, #B2B88C, #628042, #645400, #272A11)
- Softworn Villa color palette (#F1EBDA, #779A5E, #006640, #004147, #081600)
- Aged Driftwood color palette (#E7FBF1, #C9D8A2, #799461, #426E5C, #0C2F25)
- Timeworn Harbor color palette (#F3E8CB, #64844A, #005131, #2F2B00, #030A00)
- Raspberry Villa color palette (#DEEFD9, #14A797, #BB5478, #006359, #37061B)
- Tempered Archive color palette (#E8F7E4, #A1E7F8, #90B2E1, #527C58, #162C1C)
- Muted Turquoise Bloom color palette (#BCFBFC, #3EBBBE, #007B7C, #003838, #000D0E)
Browse the whole catalog at Explore, or see today's palette.