Washed Cocoa color palette — #FFF4E0 · #D5D2B9 · #A9B19B · #947B8D · #664750
Built around Charcoal Brown, softened by Heather — the whole palette hums with sophistication.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Oat (#D5D2B9): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A9B19B): A luminous, dusty green — the color of a quiet forest floor.
- Heather (#947B8D): A luminous, dusty pink — the color of peonies in June.
- Charcoal Brown (#664750): A full-bodied, dusty red — the color of a theater curtain.
Feels like: Sophistication. Tagged vintage, retro, muted, light.
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
- Tempered Lantern color palette (#FFF2EB, #CFC2A5, #929C7E, #876669, #7A3C20)
- Softworn Bone Study color palette (#FFF1F6, #C3E8D8, #A8C5C7, #9F9CB4, #504E5E)
- Linen Coast color palette (#EBF2BE, #A0CFA7, #59AB9F, #7C66A3, #613959)
- Washed Denim color palette (#F3F1CE, #86B896, #6F8F70, #67487D, #542140)
- Dusty Amber color palette (#F3F8E6, #90BF99, #8DA2E0, #C67B6F, #42433C)
- Ancient Bronze color palette (#F6F6ED, #CED5B9, #90A37E, #A4713C, #485407)
- Emerald Pier color palette (#F5F7E8, #ADCFAA, #CA9FD8, #619D5E, #64424B)
- Frosted Onyx color palette (#D0E6D0, #67A395, #1E778A, #683968, #4C0922)
Browse the whole catalog at Explore, or see today's palette.