Washed Cocoa color palette — #FFF2EE · #FFC7C3 · #EEA48F · #BC8B6E · #704100

Bronze and Melon set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Shell Pink (#FFC7C3): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#EEA48F): A luminous, balanced orange — the color of toasted spice.
• Caramel (#BC8B6E): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#704100): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

One click turns Washed 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

• Wandering Atelier color palette (#FFF3E9, #EADCB4, #E3AE84, #A88162, #572F00)
• Hushed Terrace color palette (#FFF1F1, #FFACB7, #CF896B, #8D6D48, #524E47)
• Aged Chestnut color palette (#F9DDF5, #DEA69A, #B76F59, #8A4827, #4A2739)
• Ancient Taupe color palette (#FFF2EA, #FFC6AD, #90D1EF, #D5987C, #355547)
• Linen Tangerine color palette (#FFD3C6, #FFAF89, #EB7E00, #AC7200, #503C00)
• Sand Atelier color palette (#FFF3E8, #FEC883, #CDAF62, #9E9560, #514F48)
• Worn Lagoon color palette (#FFF2E9, #FFB385, #74D3B6, #AFA8D5, #47413C)
• Amber Workshop color palette (#F9E2CD, #C68900, #907500, #625D00, #1E2300)

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