Dusty Cocoa color palette — #FBF3EF · #E0E1CD · #A9776F · #653830 · #241813
Built around Cocoa, softened by Mocha — the whole palette hums with sophistication.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Bone (#E0E1CD): A whisper-light, dusty green — the color of fresh herbs.
- Mocha (#A9776F): A luminous, dusty orange — the color of autumn markets.
- Cocoa (#653830): A deep, shadowed, dusty orange — the color of autumn markets.
- Ink (#241813): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Dusty 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
- Timeworn Hollow color palette (#FBF5E8, #DDE6B4, #87762C, #433800, #150E02)
- Taupe Quarry color palette (#FDF2EF, #D7E5B5, #CE888B, #886357, #322926)
- Weathered Taupe Garden color palette (#F6EDDF, #C09C4E, #4D3800, #1D2723, #0C0600)
- Stone Cabin color palette (#F8EEF9, #BECA94, #845156, #3A2B3B, #191119)
- Bronze Workshop color palette (#FFF2E9, #FDD276, #A45005, #4C2000, #100500)
- Weathered Cerulean color palette (#FFF2EB, #F5B09B, #79BDB5, #4E88B4, #37302C)
- Timeworn Garden color palette (#FCF4E8, #FAD6AA, #A3A76B, #3379A8, #433F38)
- Hushed Cocoa color palette (#FEF3E9, #D7B670, #764200, #271200, #020100)
Browse the whole catalog at Explore, or see today's palette.