Washed Cocoa color palette — #F7E7DC · #AB7C35 · #7F3300 · #450014 · #010100

Rust and Caramel set the tone — five colors that lean into optimism and balance.

The five colors

• Parchment (#F7E7DC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#AB7C35): A luminous, balanced gold — the color of old brass.
• Rust (#7F3300): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#450014): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Balance, 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

• Wandering Field color palette (#F5E7D3, #878C33, #634800, #391600, #000200)
• Chestnut Lagoon color palette (#FEDFC6, #B79451, #924806, #5B131C, #040400)
• Aged Bronze Grove color palette (#FFF5DA, #A1BD87, #82782C, #643B00, #0E1500)
• Patina Boulevard color palette (#FFF3E8, #E0B453, #BB6410, #84292D, #191A00)
• Chalky Orchid color palette (#FCEBE1, #B16CFF, #AA7E00, #0C0D06, #020100)
• Aged Mulberry Delta color palette (#DCE7D4, #00705B, #8A0061, #4B0034, #000201)
• Midnight Ember color palette (#DDECD9, #E0613B, #00332E, #031112, #000201)
• Hushed Amber color palette (#FFF4DF, #CAD89D, #B08D1A, #904B06, #04310F)

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