Cocoa Dune color palette — #EBDECE · #9D9B6B · #7D5F2D · #622D14 · #1A1900
A conversation between Cocoa and Walnut, giving this palette its sense of nature and growth.
The five colors
- Parchment (#EBDECE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#9D9B6B): A luminous, dusty green — the color of fresh herbs.
- Walnut (#7D5F2D): A full-bodied, dusty gold — the color of old brass.
- Cocoa (#622D14): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#1A1900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa Dune 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 Studio color palette (#F4E6D2, #A69571, #7C5E24, #643700, #32302A)
- Antique Coast color palette (#F9EDD3, #7A904C, #655400, #4A2700, #0C1000)
- Worn Amber color palette (#F9E9DD, #B88200, #8F4200, #67091E, #141300)
- Driftwood Dune color palette (#E9FBEB, #D5C893, #A58448, #725030, #04281C)
- Garnet Hollow color palette (#FFE9DD, #85550F, #5F1E00, #340011, #020200)
- Softworn Workshop color palette (#DBEFE2, #008399, #97475A, #722339, #001509)
- Hushed Workshop color palette (#E0EDE4, #CE8A96, #004F5E, #002128, #000703)
- Worn Grape Delta color palette (#EBF5E9, #32B6AB, #7E4B97, #00635C, #110106)
Browse the whole catalog at Explore, or see today's palette.