Dusty Cocoa color palette — #FFF2EF · #DAD3B7 · #BAB79F · #A8888B · #684247

Built around Cocoa, softened by Wheat — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Wheat (#DAD3B7): A whisper-light, dusty green — the color of new leaves after rain.
• Stone (#BAB79F): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#A8888B): A luminous, dusty red — the color of late-summer berries.
• Cocoa (#684247): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Sophistication. Tagged vintage, retro, 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

• Cerulean Study color palette (#FFF3E5, #D6DEC7, #B9BBA1, #5C7DA3, #634354)
• Muted Veranda color palette (#FFECC4, #B9D999, #68BDC4, #AF7481, #723646)
• Wandering Loft color palette (#FBF5E6, #C0E0B7, #7CBBA8, #A9858A, #444600)
• Softworn Teal Loft color palette (#ECE2CE, #B3B691, #52A5AD, #936362, #59292A)
• Cerulean Garden color palette (#F0E9C7, #9CA87E, #3991AE, #894E2F, #441900)
• Worn Mallow Balcony color palette (#FBF7D5, #B4C87E, #D19EE1, #C683A4, #393831)
• Worn Driftwood color palette (#F7DFFA, #A1BA9E, #6E8B5F, #5C5676, #363149)
• Wandering Onyx Pier color palette (#F4D7D5, #A78C54, #538250, #6F4965, #36002D)

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