Washed Cocoa color palette — #FFF2E9 · #CCB493 · #9E7660 · #75544B · #574600
Built around Deep Olive, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Sand (#CCB493): A luminous, dusty gold — the color of afternoon light on wheat.
- Mocha (#9E7660): A full-bodied, dusty gold — the color of honey in a jar.
- Coffee (#75544B): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Olive (#574600): A full-bodied, 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
- Antique Parlor color palette (#FFF2EA, #C89F69, #926653, #694840, #403D36)
- Tempered Terrace color palette (#FEF3EA, #DCC6B1, #B59479, #9F643B, #643E00)
- Worn Pewter color palette (#FFECF4, #D2B0BD, #997887, #6D4C60, #253023)
- Worn Villa color palette (#FEF1F7, #CDDFCD, #D4A7BD, #B8827C, #3A4D41)
- Aged Taupe Field color palette (#F3E7CF, #8D9F66, #72632A, #603A17, #30312A)
- Airy Basin color palette (#F6D8B9, #A68C00, #814E00, #701503, #222E03)
- Worn Azure Thicket color palette (#E9FAF4, #3698D9, #9D7650, #825318, #30423C)
- Antique Bronze color palette (#F6E4D6, #836100, #572B00, #3C0006, #0B0C00)
Browse the whole catalog at Explore, or see today's palette.