Dusty Cocoa color palette — #FEF4E2 · #FFBFAA · #BCAF74 · #9E819D · #683B00

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

The five colors

• Cream (#FEF4E2): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#FFBFAA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#BCAF74): A luminous, dusty green — the color of new leaves after rain.
• Heather (#9E819D): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#683B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

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

• Timeworn Sand Meadow color palette (#FFF3E6, #E9CE84, #8EBC93, #9184AC, #564600)
• Cocoa Villa color palette (#FFF4DE, #FFBCBD, #CBA875, #66988A, #6E360B)
• Worn Sand Station color palette (#FFF2EB, #F0D9B7, #C3C4A2, #A595A0, #614C59)
• Aged Lagoon color palette (#EAFAED, #FFCFCE, #AFA26E, #617296, #4D3843)
• Muted Sand Drift color palette (#FDF3EB, #FFB381, #6AB9B8, #678BAC, #5A3641)
• Dusty Marigold color palette (#E8FBEA, #F2AD6E, #AA8E55, #477978, #3F4C3D)
• Feathered Courtyard color palette (#FFF4E1, #FFAB58, #8FAB17, #6873BC, #453200)
• Muted Marigold Summit color palette (#FBF0E3, #F0A53C, #8F7A31, #754A03, #27201C)

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