Wandering Cocoa color palette — #FFF2EB · #EEFBC1 · #DFDDCC · #C6919E · #693C00

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Custard (#EEFBC1): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#DFDDCC): A whisper-light, dusty green — the color of new leaves after rain.
• Dusty Rose (#C6919E): A luminous, dusty red — the color of embers at dusk.
• Bronze (#693C00): A full-bodied, balanced gold — the color of old brass.

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

• Antique Ash Pier color palette (#FFF1F0, #E1D9D0, #9BB1B3, #B28FBE, #60433D)
• Apricot Basin color palette (#FFF4DE, #C1FED8, #BBE1F5, #DA9055, #3D3E07)
• Bronze Alley color palette (#FDF5DD, #E3DFB3, #AC9D74, #8B6222, #31322C)
• Misty Ember color palette (#FFF3E8, #DCE5C9, #ACE894, #C96156, #3C2C00)
• Timeworn Pier color palette (#FFF0FB, #E0FFE0, #BEC883, #A46A77, #56414C)
• Frosted Jade Basin color palette (#F1E3CF, #B4C36A, #2EA780, #7A3800, #020100)
• Apricot Study color palette (#FFF3E7, #E2A468, #8D98DD, #856493, #33200C)
• Bronze Workshop color palette (#FDF4E7, #FBE3AD, #8E7141, #3C3832, #150E04)

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