Wandering Cocoa color palette — #FFF4E1 · #BCE7CF · #BCC1D3 · #CB9C6F · #5D4700
Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Mint (#BCE7CF): A whisper-light, dusty teal — the color of glacier melt.
- Stone (#BCC1D3): A luminous, dusty violet — the color of twilight just after sunset.
- Camel (#CB9C6F): A luminous, balanced gold — the color of old brass.
- Bronze (#5D4700): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Hushed Lagoon color palette (#F0F9E4, #AFE6EB, #D0C2C8, #6BAD64, #293B21)
- Taupe Coast color palette (#FCF4E8, #EADBBB, #B89961, #8C6036, #33322B)
- Patina Study color palette (#E3E4C3, #8BBE9B, #009E94, #4A4E00, #000200)
- Weathered Seafoam color palette (#E3FDEA, #9DF0DE, #B3D5B3, #986E7D, #41574B)
- Worn Studio color palette (#FFF5D7, #C9DD9D, #2EC87C, #755200, #040400)
- Washed Chartreuse color palette (#D9F3FF, #D2ED33, #E1D4CD, #3A3831, #1C190B)
- Powdered Seafoam color palette (#FFF5D3, #BFF5DC, #3BF9C8, #A37D00, #1E3000)
- Tempered Plum color palette (#F7F7E4, #9CC07F, #9697D2, #A74F84, #27260E)
Browse the whole catalog at Explore, or see today's palette.