Washed Cocoa color palette — #FAE2D2 · #AA7F3C · #863E10 · #5A212A · #2D2302

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

The five colors

• Parchment (#FAE2D2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#AA7F3C): A luminous, balanced gold — the color of old brass.
• Bronze (#863E10): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5A212A): A deep, shadowed, balanced red — the color of late-summer berries.
• Onyx (#2D2302): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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 Parlor color palette (#FFE6F2, #AE794A, #7D441A, #531F06, #180B00)
• Hushed Orchard color palette (#EFE4D3, #878F32, #6D5100, #592700, #242606)
• Misty Amber Terrace color palette (#FFEBD7, #BB9915, #975800, #6E372E, #313A13)
• Faded Amber Workshop color palette (#F4DEE9, #CFAA7E, #CC743E, #A34D4A, #052C18)
• Cocoa Meadow color palette (#FFF2EA, #CFB392, #A27461, #715650, #5A4400)
• Softworn Olive Meadow color palette (#F2E7C6, #607000, #463600, #2F1400, #001002)
• Worn Drift color palette (#D8E4BF, #007547, #922043, #680B2B, #161E00)
• Soft Wisteria color palette (#F3DAD2, #D399FF, #8F8400, #1F260C, #150F02)

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