Washed Cocoa color palette — #FFF2EF · #D9F7C7 · #E1DBCF · #BFAAD7 · #7A3C23

A conversation between Bronze and Honeydew, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Honeydew (#D9F7C7): A whisper-light, dusty green — the color of a quiet forest floor.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Mauve (#BFAAD7): A luminous, dusty violet — the color of a velvet chair.
• Bronze (#7A3C23): 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 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

• Ash Study color palette (#FFF1F4, #E3D9D2, #ACBAC7, #AF9CCA, #5E4042)
• Timeworn Grove color palette (#FFF2E9, #D9F2C4, #83E8E5, #E08BA0, #5C431A)
• Misty Fuchsia Field color palette (#FFF2ED, #E5E1B7, #C5E47D, #E26FC4, #5B2701)
• Antique Delta color palette (#FFF3E6, #DAD2A3, #C7A681, #AB7A6D, #443F00)
• Ancient Field color palette (#FFF2EC, #D8DAA2, #BE8573, #835649, #2E1D13)
• Patina Boulevard color palette (#FFF2ED, #F2A0A0, #4EBFD0, #A37EBC, #462B22)
• Tempered Shell color palette (#DCEBFF, #84DDFF, #FFB19B, #625A56, #2D221D)
• Aged Orchard color palette (#F9EDFE, #EAD3D5, #D5CD86, #856B9A, #3C2B3D)

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