Dusty Cocoa color palette — #FFF3E4 · #E4B09D · #AE8A6A · #5F7752 · #6D3802

A conversation between Bronze and Sand, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Sand (#E4B09D): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#AE8A6A): A luminous, dusty gold — the color of honey in a jar.
• Olive (#5F7752): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#6D3802): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

Use it as a design system

One click turns Dusty Cocoa 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

• Washed Stone color palette (#FFF3E8, #EAA8C0, #BB8081, #806D3A, #58423D)
• Washed Bloom color palette (#FDF4E3, #CD96A3, #956E4C, #335D82, #713318)
• Hushed Amber Drift color palette (#ECF9EC, #FFD1C1, #D2925A, #647B53, #4B3943)
• Antique Archive color palette (#FFF3E7, #DECEBA, #AFA58B, #77904F, #43533C)
• Wandering Hollow color palette (#FEF4DF, #BFB365, #7D8E56, #097271, #3F3D36)
• Worn Amber color palette (#FBEFE8, #CF8766, #7C4B12, #40362F, #26201D)
• Faded Apricot color palette (#FFF4DF, #F08B19, #A07500, #006D3A, #4D2D00)
• Softworn Apricot Boulevard color palette (#ECF9F1, #FFBBC7, #DAA168, #6892AD, #52424E)

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