Dusty Cocoa color palette — #FCF4EC · #E7DFB1 · #A5BF94 · #A79788 · #614900

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

The five colors

• Ivory (#FCF4EC): bright and airy, almost weightless.
• Celadon Mist (#E7DFB1): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A5BF94): A luminous, dusty green — the color of a quiet forest floor.
• Taupe (#A79788): A luminous, dusty gold — the color of old brass.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Aged Basin color palette (#F7F6E9, #A8E4CA, #6FBBBF, #939279, #344B05)
• Ancient Celadon color palette (#FFF5D2, #B9E699, #87C99B, #61A496, #3F5543)
• Powdered Chartreuse Studio color palette (#FFF3E2, #BEDD6D, #5FBB86, #9A865D, #354018)
• Seafoam Drift color palette (#F0FAE0, #70E1A9, #F1A4BC, #CE9489, #41443D)
• Hushed Dune color palette (#F3F8E6, #FBDEFD, #B6E5ED, #C6BF9E, #445142)
• Timeworn Driftwood color palette (#ECF4EC, #B0CBBC, #788A60, #526850, #21362B)
• Weathered Powder Lantern color palette (#FCF3EF, #BFE6F3, #A0CCF4, #79AF9C, #5E4C59)
• Jade Harbor color palette (#E8E4CF, #5BBE83, #00928B, #61693C, #00220F)

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