Wandering Cocoa color palette — #F5F8E3 · #7CA788 · #287254 · #6B3F00 · #313B00
Bronze and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F8E3): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#7CA788): A luminous, dusty teal — the color of glacier melt.
- Pine (#287254): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#6B3F00): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#313B00): 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
- Wandering Fern color palette (#FCF5E2, #A69B72, #5D6A2D, #634327, #37352F)
- Feathered Chapel color palette (#F1EBD5, #849E2F, #3D6800, #5D3B00, #283300)
- Dusty Basalt color palette (#F3F2E8, #9AA67C, #167467, #60335E, #191F01)
- Airy Marigold Terrace color palette (#FFF0D0, #C4A049, #795A00, #463500, #2B1E00)
- Worn Garden color palette (#F6F5ED, #C3C4A0, #808741, #835E19, #525000)
- Aged Coast color palette (#E9EEDC, #3D8B6B, #005141, #402900, #002115)
- Antique Field color palette (#EAF9F4, #95C1A1, #159482, #7F5178, #073E3C)
- Patina Pine color palette (#F9E1BD, #9D7100, #27803B, #963341, #3C2701)
Browse the whole catalog at Explore, or see today's palette.