Dusty Cocoa color palette — #FEF4DE · #C0C4A8 · #8B9C8B · #7E6C6C · #7A3E1D
Built around Bronze, softened by Pistachio — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FEF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Pistachio (#C0C4A8): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#8B9C8B): A luminous, dusty green — the color of fresh herbs.
- Pewter (#7E6C6C): A full-bodied, dusty red — the color of embers at dusk.
- Bronze (#7A3E1D): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Dusty Chestnut color palette (#FCF4E9, #CEC098, #74895F, #865C1C, #5F4A00)
- Ancient Chestnut color palette (#D0E9BF, #98B08B, #447B96, #854827, #574000)
- Ash Parlor color palette (#FBF3EE, #C4EFEC, #72A696, #60765A, #5E4C5C)
- Worn Teal color palette (#DDE7D2, #5EA58F, #2C758B, #643737, #49250C)
- Tempered Station color palette (#F1F8E8, #6AC59E, #C183A0, #408166, #664241)
- Dusty Summit color palette (#FDF7CD, #98C887, #4D9875, #377267, #335A52)
- Hushed Basalt Alley color palette (#E6FBF3, #C6E5E0, #AAC5C9, #999EB7, #524964)
- Tempered Azure color palette (#CDECE5, #00ABDC, #6D6BA8, #694200, #3C3700)
Browse the whole catalog at Explore, or see today's palette.