Dusty Cocoa color palette — #E9E0C6 · #88A17B · #6A6732 · #573600 · #121C01
A conversation between Cocoa and Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E9E0C6): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#88A17B): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#6A6732): A full-bodied, dusty green — the color of fresh herbs.
- Cocoa (#573600): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#121C01): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Ancient Chestnut Lantern color palette (#F0DDCC, #AE955E, #8A572E, #622B29, #1E1800)
- Fern Pier color palette (#EEE8D3, #8E9D74, #686810, #544200, #30312A)
- Washed Driftwood Summit color palette (#E7FBF1, #BDD098, #8E8E4F, #685620, #002824)
- Bronze Parlor color palette (#FDE3D1, #97670D, #6F2D00, #470014, #060500)
- Worn Mulberry color palette (#E9F5ED, #48B0C4, #98416D, #00606F, #120202)
- Nocturne Fern Market color palette (#F2E6C8, #3D5D19, #2F2A00, #180B00, #000201)
- Blush Lagoon color palette (#ECE0D1, #FF757D, #00B0A2, #10200B, #060C05)
- Worn Taupe color palette (#D8EFE7, #CD8C89, #154B6D, #001E33, #000705)
Browse the whole catalog at Explore, or see today's palette.