Cocoa Dune color palette — #E7F6EC · #93B4A3 · #82753F · #5F480B · #0E281F

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F6EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#93B4A3): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#82753F): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#5F480B): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#0E281F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Patina Bronze Market color palette (#FFECF4, #C2A1AC, #996843, #6D3F26, #152815)
• Dusty Bronze Veranda color palette (#D9F1DB, #B39E68, #8B6300, #5F3B00, #221C00)
• Driftwood Delta color palette (#FCF4E4, #C4C08F, #A18F44, #7D6630, #3F3D36)
• Aged Chestnut color palette (#DAF0E0, #928849, #675300, #412D00, #100F00)
• Cobalt Station color palette (#E8F3FF, #478CC4, #628042, #006145, #081B2C)
• Softworn Boulevard color palette (#FBEAF3, #C4783D, #923F00, #621900, #1E0D00)
• Patina Cocoa Basin color palette (#FFE4F4, #9F5F36, #722900, #450800, #0C0300)
• Frosted Garnet Courtyard color palette (#EBE3FF, #CD9DBF, #A85981, #7F1443, #480018)

Browse the whole catalog at Explore, or see today's palette.