Dusty Cocoa Quarry color palette — #FFF2EC · #DFD9CD · #D3AD9F · #A2B8D1 · #7B4219

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFD9CD): a clean, paper-quiet neutral.
• Rosewood Mist (#D3AD9F): A luminous, dusty orange — the color of sun-warmed clay.
• Ash (#A2B8D1): A luminous, dusty blue — the color of deep harbor water.
• Bronze (#7B4219): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Dusty Stone Archive color palette (#FCF1FB, #E7D7D6, #BABAC9, #D49FBF, #5C4B56)
• Patina Cocoa color palette (#FCF4E6, #E7D8B8, #C9B38D, #A38E73, #584500)
• Weathered Harbor color palette (#FEF2EE, #EDABA3, #8FA3D2, #987FB2, #3E2D2B)
• Tempered Bronze Harbor color palette (#FEF3E9, #F3D9B9, #BE9571, #92612A, #322A21)
• Feathered Amber Alley color palette (#F5DFD1, #E59C64, #C88C31, #A14C41, #200900)
• Patina Taupe color palette (#F9F4EE, #F4DAB2, #96CDA1, #C5A765, #2F2E27)
• Ancient Canyon color palette (#FFD8E6, #C4ED85, #FFC88E, #68625C, #3A342F)
• Pale Clover Courtyard color palette (#EAEBC9, #7CCC95, #6ABF5F, #8A7700, #1A2000)

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