Wandering Cocoa color palette — #FFF2EF · #E0DBCF · #BFD4A1 · #AD8082 · #7A3F1B

Bronze and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E0DBCF): a clean, paper-quiet neutral.
• Pistachio (#BFD4A1): A whisper-light, dusty green — the color of new leaves after rain.
• Dusty Rose (#AD8082): A luminous, dusty red — the color of late-summer berries.
• Bronze (#7A3F1B): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, 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

• Muted Hollow color palette (#FFEBFA, #D8D7C8, #BEAF92, #967C98, #483743)
• Faded Pier color palette (#FFF2EC, #E4DDBE, #B0D04D, #B84E76, #603C27)
• Worn Thicket color palette (#FEF4E5, #C4B797, #9A7B45, #844F1D, #514900)
• Lagoon Archive color palette (#EADDC8, #A2B368, #009A77, #693500, #1A1800)
• Softworn Olive Archive color palette (#FAF4EF, #E0B799, #578D48, #945F34, #2E2E28)
• Garnet Meadow color palette (#F8E4DD, #C87C44, #7B6B00, #580C40, #240700)
• Wandering Stone color palette (#FEF0FD, #CFF1D1, #E8D6D7, #C7B0D5, #5E4E5A)
• Muted Cerulean color palette (#FFF2ED, #C7776F, #3488B4, #74507A, #433B38)

Browse the whole catalog at Explore, or see today's palette.