Washed Cocoa color palette — #FFF2EA · #DBC7AD · #BF8F77 · #92695E · #584500

Built around Deep Olive, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Oat (#DBC7AD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#BF8F77): A luminous, dusty orange — the color of autumn markets.
• Walnut (#92695E): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Aged Cocoa Grove color palette (#FFF2E9, #EFD4BC, #D0AE96, #AD8974, #663D00)
• Washed Driftwood Summit color palette (#FCF5E3, #C2C196, #9C913D, #8C5E23, #344400)
• Feathered Olive color palette (#FFF2EF, #FBBEA3, #C69558, #75711F, #23522A)
• Hushed Study color palette (#FFF0F8, #ECD3D0, #C9A1B7, #887286, #344439)
• Misty Bronze Corridor color palette (#F0DBC2, #AAA067, #9D6300, #80301A, #1C2904)
• Driftwood Lagoon color palette (#FEF2F1, #C0DBB0, #A9657E, #65433F, #332927)
• Patina Study color palette (#FBF3F2, #FFBBCC, #7BAB6B, #BD7387, #2E2F24)
• Patina Amber color palette (#FFEAD8, #D0B063, #C56C00, #99403D, #37362F)

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