Washed Cocoa color palette — #FEF3E9 · #B9B07D · #774204 · #462400 · #211C09

Bronze and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Sage (#B9B07D): A luminous, dusty green — the color of fresh herbs.
• Bronze (#774204): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#462400): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#211C09): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Bronze Harbor color palette (#FCF3EB, #DAC18C, #9F6115, #5F3800, #282017)
• Chestnut Garden color palette (#FDEDF2, #CCAF72, #7A4700, #3D1A29, #16070D)
• Chestnut Veranda color palette (#FBF4ED, #D6A27B, #007F7F, #8F4B00, #1B281B)
• Worn Amber color palette (#F7F6E4, #D49053, #385200, #1C2C00, #0D1907)
• Amber Drift color palette (#F2E2C9, #B98900, #4B3800, #231900, #090900)
• Patina Sand color palette (#FFF1F6, #E7D68A, #C08658, #785966, #281E23)
• Timeworn Aubergine color palette (#FFF2EC, #BB8E55, #3C7947, #702F73, #403D36)
• Dusty Bronze Thicket color palette (#F7EBDC, #846900, #293439, #2A1900, #080300)

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