Cocoa Dune color palette — #FFF3E3 · #B1AA68 · #896E3C · #76430C · #453E00

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B1AA68): A luminous, balanced green — the color of a quiet forest floor.
• Walnut (#896E3C): A full-bodied, dusty gold — the color of old brass.
• Bronze (#76430C): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#453E00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Ancient Basin color palette (#FFF2EA, #CC9C6E, #9A634B, #6C473B, #403D36)
• Taupe Station color palette (#F4E6CF, #9A9C50, #776125, #5D3C1C, #31312A)
• Driftwood Ridge color palette (#E9FBEC, #B1DCC3, #C2A978, #AE7C48, #204538)
• Weathered Quarry color palette (#EBFAEC, #9DC9B6, #A48B60, #815C71, #29433F)
• Dusty Cornflower Meadow color palette (#FFF0FA, #6A78D1, #83701F, #625209, #3F2C39)
• Hushed Olive Study color palette (#F4EAD4, #698100, #504600, #392300, #161800)
• Chestnut Dune color palette (#FAE0CA, #775100, #452000, #280100, #040300)
• Worn Delta color palette (#FDF1FA, #94ABF2, #A2564E, #475A9E, #311F18)

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