Washed Cocoa color palette — #FCF2F8 · #BCAF77 · #75422D · #3F2435 · #261617

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Sage (#BCAF77): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#75422D): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#3F2435): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#261617): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Chestnut Field color palette (#F9F0E9, #CFAD82, #76482A, #411B00, #150902)
• Hushed Cocoa Drift color palette (#FFF0F7, #E0BE94, #966446, #66330E, #2E1B25)
• Softworn Stone Lantern color palette (#ECF9F1, #C9A96F, #5C511E, #133624, #0D1F1E)
• Aged Pier color palette (#FDF1F7, #D5A187, #078358, #904923, #112829)
• Amber Cabin color palette (#FEF3EC, #E3D699, #CB7F5E, #835744, #2C1E15)
• Timeworn Amber Basin color palette (#FADBE5, #B38D00, #553200, #291500, #1F0510)
• Obsidian Chestnut color palette (#D7E9DD, #7A5800, #262832, #1A1300, #030200)
• Dusty Summit color palette (#EAFAEE, #9A7C16, #006657, #3B3472, #34202A)

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