Cocoa Dune color palette — #FEF5D6 · #D0DEBA · #A0BDB2 · #A98D81 · #7E4024

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

The five colors

• Custard (#FEF5D6): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#D0DEBA): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#A0BDB2): A luminous, dusty teal — the color of sea glass.
• Caramel (#A98D81): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#7E4024): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Hushed Cocoa color palette (#F0FADA, #C1E4D6, #9DBFAD, #946B6E, #69443C)
• Hushed Basalt Workshop color palette (#F9F5EA, #D4D9B3, #76BCAA, #9B8F6E, #434700)
• Tempered Basin color palette (#E4F8E7, #A3C4C0, #6D93A6, #694F5C, #432F39)
• Aqua Field color palette (#E9F3DE, #5ED3D0, #7DA2CF, #A36644, #6B2D00)
• Tempered Dune color palette (#FCF3F0, #C7E9E0, #91C6DF, #69A97D, #563E56)
• Timeworn Chestnut color palette (#F2ECDB, #7D9C69, #0C8B92, #884615, #241B00)
• Washed Bronze color palette (#C7E8DE, #85BDDC, #B08496, #8C6F28, #413700)
• Linen Bronze color palette (#A5F7DC, #97D1F1, #ACA1D4, #A6773D, #64451B)

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