Cocoa Dune color palette — #FFF4E1 · #A5AD79 · #886F35 · #77430F · #3D4100

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A5AD79): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#886F35): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#77430F): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3D4100): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, 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

• Bronze Study color palette (#FFF2EA, #BFA278, #96654B, #6A483E, #3F3D36)
• Aged Chestnut color palette (#F1E7D2, #8E9E68, #77620C, #643800, #30312A)
• Wandering Cabin color palette (#EDF9F0, #B1DCC9, #BFAA74, #AB7D52, #23443E)
• Hazy Cobalt color palette (#F7F6EA, #9FBB5E, #4C6BB7, #536911, #2D1E2B)
• Muted Mulberry Balcony color palette (#F9F5E6, #828200, #983651, #662D25, #39261D)
• Olive Quarry color palette (#F0E4C4, #588435, #4C4700, #3A2200, #111A00)
• Terracotta Study color palette (#FFD3C4, #C67900, #9E3100, #720333, #312800)
• Washed Apricot Grove color palette (#F3F8E7, #E19D69, #2F5D3B, #2D2F28, #111E13)

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