Wandering Cocoa color palette — #FFF1F5 · #E4D5D3 · #A6C6C0 · #9B8AA6 · #664755

Charcoal Brown and Heather set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Silver (#E4D5D3): bright and airy, almost weightless.
• Stone (#A6C6C0): A luminous, dusty teal — the color of shallow lagoons.
• Heather (#9B8AA6): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#664755): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Aged Summit color palette (#E5FCEC, #C3E1E2, #AEC2D0, #A986A2, #3F5346)
• Aged Stone Lantern color palette (#FFF3E4, #C3C49D, #7E977F, #836B68, #634C49)
• Patina Cocoa Ridge color palette (#FFF2C8, #A7CAB9, #64979C, #853D33, #052E19)
• Worn Dune color palette (#F0F8EF, #C1DDEB, #94BA96, #728F71, #364C43)
• Blush Lantern color palette (#E4FAFF, #89DDD7, #E1A7C5, #CE8AAE, #1F3E45)
• Bronze Hollow color palette (#DCFFEE, #B2DDCE, #78B4A4, #9A5D46, #3C3C07)
• Antique Teal Loft color palette (#E6FAFC, #ADEDF6, #F2B7D6, #0CB298, #4F3D5F)
• Hazy Veranda color palette (#D6EEBF, #97B27C, #3B897A, #733400, #1E2100)

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