Dusty Cocoa color palette — #E6F0D3 · #7BB6C3 · #7174A4 · #6A4400 · #39270E
A conversation between Bronze and Slate, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E6F0D3): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#7BB6C3): A luminous, dusty blue — the color of deep harbor water.
- Slate (#7174A4): A full-bodied, dusty violet — the color of wild irises.
- Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#39270E): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Creativity, 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
- Cocoa Villa color palette (#E3DFC9, #9DAE8F, #4F7993, #703B09, #3A1D06)
- Chestnut Veranda color palette (#E6F9DA, #98BBAB, #A17E8E, #755A09, #3B3832)
- Weathered Spruce Archive color palette (#DCE5D6, #82A792, #7E6D9C, #235135, #263400)
- Chestnut Archive color palette (#A9ECF3, #7EB7D5, #90708A, #814228, #4D3F00)
- Dusty Powder color palette (#D3F0E5, #7AC7E1, #878FB3, #81636E, #583C47)
- Linen Byzantium color palette (#CBF6FA, #5E9DD7, #8945A8, #394A00, #1B2500)
- Patina Cobalt Lantern color palette (#F6F1EC, #A1D4C6, #6874C1, #005B5E, #331522)
- Pewter Lantern color palette (#B4EDFD, #A2ADD9, #996182, #286355, #00352A)
Browse the whole catalog at Explore, or see today's palette.