Washed Cocoa color palette — #FFF1F0 · #E1DCCF · #C2CCAB · #A8888F · #7C401F

Built around Bronze, softened by Pistachio — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bone (#E1DCCF): a clean, paper-quiet neutral.
• Pistachio (#C2CCAB): A whisper-light, dusty green — the color of fresh herbs.
• Dusty Rose (#A8888F): A luminous, dusty red — the color of embers at dusk.
• Bronze (#7C401F): A full-bodied, balanced orange — the color of autumn markets.

Feels like: 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

• Ancient Lichen Grove color palette (#FFF1F3, #E2FCCF, #E3DAD1, #987B8C, #5D4B4B)
• Chestnut Delta color palette (#FFF3E6, #F3FBBA, #8CD0B6, #97666D, #6A4800)
• Wandering Courtyard color palette (#FFF3E6, #C8B68E, #A4763C, #884C28, #4F4900)
• Aged Mint color palette (#FFF2EE, #E2DCC6, #A2C978, #935589, #613D28)
• Antique Emerald color palette (#FBE4D4, #C1B161, #28A46D, #7E3649, #362408)
• Hushed Boulevard color palette (#FDF3ED, #F0AE96, #3B8E7C, #975C46, #2A3027)
• Coral Workshop color palette (#FFF2EE, #C7757B, #7679B1, #585B83, #483935)
• Aged Chartreuse Villa color palette (#FFF4E0, #AFDB6B, #00B5B1, #9B3A00, #3E3F13)

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