Wandering Cocoa color palette — #FFF2EA · #E6DAD4 · #C4CC9C · #A6B682 · #663D00

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E6DAD4): a clean, paper-quiet neutral.
• Pistachio (#C4CC9C): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A6B682): A luminous, dusty green — the color of fresh herbs.
• Bronze (#663D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Softworn Field color palette (#FDF4E6, #FFD792, #E2DBD0, #9FB981, #47443E)
• Antique Sand Market color palette (#FFF2EA, #F0D3B2, #B2AC96, #72857B, #564C56)
• Washed Delta color palette (#FDF4E3, #DDC271, #A4ADE2, #9E8B51, #5E4456)
• Gentle Moss color palette (#FFF3E6, #FFCABB, #FEB64A, #A2A200, #483400)
• Muted Amber Delta color palette (#FDEFE3, #D58647, #755003, #3F362F, #27201C)
• Airy Marigold Drift color palette (#FFEFD6, #FFAC84, #D29B00, #7B9200, #2A2500)
• Quiet Rose Dune color palette (#FCE3CB, #FF5251, #B06100, #5F5600, #070300)
• Tempered Ridge color palette (#E9E3D1, #EF9D07, #A19B00, #008C34, #181B00)

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