Washed Cocoa color palette — #FFF2EA · #D3C6AB · #8F9A80 · #876C6D · #7D4021

Bronze and Oat set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Oat (#D3C6AB): A whisper-light, dusty gold — the color of old brass.
• Eucalyptus (#8F9A80): A luminous, dusty green — the color of fresh herbs.
• Pewter (#876C6D): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#7D4021): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Aged Oat color palette (#FFF4DD, #D6D6B5, #A6AF9A, #8E7686, #60484E)
• Tempered Chestnut color palette (#FBF6DC, #B0BD98, #618A76, #885024, #5B4500)
• Softworn Summit color palette (#DEFAE8, #B0D5CC, #759596, #596177, #434152)
• Cypress Quarry color palette (#F0E2CC, #98976E, #007572, #6E3338, #512E23)
• Peony Corridor color palette (#F7F7E1, #84A36A, #BF6B88, #9F6175, #43433C)
• Washed Parlor color palette (#FBF3F0, #CBE8E2, #58A3C7, #467C5A, #5F4B5E)
• Lilac Thicket color palette (#F3F8E8, #83C196, #B880C6, #438259, #64424A)
• Ancient Atelier color palette (#E1ECCD, #49A68D, #0070AA, #684B00, #3B3E05)

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