Washed Cocoa color palette — #FFF2ED · #E4D0CF · #D9C889 · #AAB19C · #6B3403

Built around Bronze, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Silver (#E4D0CF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pistachio (#D9C889): A whisper-light, balanced green — the color of a quiet forest floor.
• Sage (#AAB19C): A luminous, dusty green — the color of fresh herbs.
• Bronze (#6B3403): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Timeworn Cocoa color palette (#FFF3E8, #ECD9D7, #D2E7B7, #B6D2A1, #5E4200)
• Weathered Bone color palette (#FFF1F2, #F3D4C5, #CFC4AC, #92A6A0, #42544F)
• Hushed Apricot Parlor color palette (#FFF2EE, #FFC7B7, #E4A371, #AA9465, #5F4E00)
• Honey Coast color palette (#FFF3E5, #FFCCD7, #FFC569, #8AC987, #3C2E03)
• Tempered Sand Courtyard color palette (#FFF3E6, #FFC98C, #9ACEF5, #CD9E69, #35554B)
• Washed Powder color palette (#FBF4ED, #C4E1F1, #B3C6F5, #8EAB8C, #634A56)
• Worn Amber color palette (#F8EEF7, #EDD3D7, #F9AEAC, #C9923B, #3A2132)
• Weathered Apricot Grove color palette (#FDEEE7, #FF9585, #9D7235, #5D524D, #271F1F)

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