Washed Cocoa color palette — #FDF4E7 · #B5A587 · #886D45 · #6F4727 · #3F3D36

Built around Coffee, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Camel (#B5A587): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#886D45): A full-bodied, dusty gold — the color of old brass.
• Coffee (#6F4727): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Bronze Chapel color palette (#FCF0E1, #BAAA82, #976B2B, #733B12, #25240B)
• Antique Canyon color palette (#EEF9EE, #C4C091, #AE8851, #8E5A47, #2C423D)
• Powdered Moss Orchard color palette (#EFDCB2, #8D9540, #695B00, #503700, #1D2F00)
• Weathered Mulberry color palette (#FBF3F3, #D49ABA, #AD4F27, #9B2C74, #331E11)
• Mulberry Grove color palette (#FFF1F3, #C3AB7C, #6B3F66, #421E3F, #2D1C1E)
• Olive Summit color palette (#FFF1F2, #A36D93, #5D7C44, #006059, #48282B)
• Obsidian Chestnut color palette (#F5DBCC, #804A20, #4E1700, #280003, #070200)
• Dusty Pewter color palette (#F4ECE0, #716927, #473500, #2A1700, #0A0D00)

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