Washed Cocoa Garden color palette — #FFF2EA · #E1DBC3 · #CFA38F · #9C6C66 · #573800

A conversation between Cocoa and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E1DBC3): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#CFA38F): A luminous, dusty orange — the color of toasted spice.
• Mocha (#9C6C66): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#573800): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Washed Cocoa Garden 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 Meadow color palette (#FFF3E6, #C9AF7B, #9E6926, #703200, #191100)
• Worn Bronze Bloom color palette (#FFF2EB, #DFDAC9, #D1A96F, #857000, #3B4200)
• Timeworn Balcony color palette (#FFF0F8, #D6A9BB, #987488, #6E5469, #404B41)
• Hushed Driftwood color palette (#FFF2EF, #E0E1CD, #A8767D, #62383F, #231816)
• Worn Stone Lantern color palette (#FDECF6, #A7C5A4, #98778B, #625166, #203027)
• Washed Chestnut color palette (#F0E4CF, #A19D5C, #755C00, #462B00, #030500)
• Tempered Cocoa Dune color palette (#F2DBCD, #B0774A, #822F00, #460005, #020100)
• Patina Coral Station color palette (#FBF3F1, #E2DAD0, #BFAF68, #D67D78, #231E12)

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