Dusty Cocoa Quarry color palette — #D1EAC8 · #ADD2B9 · #85B9AA · #A36E7C · #6D350A

Bronze and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D1EAC8): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#ADD2B9): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#85B9AA): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#A36E7C): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#6D350A): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Muted Chestnut Grove color palette (#E4E6C8, #AAC6AA, #738FB4, #8D5529, #673300)
• Muted Quarry color palette (#E7FCEB, #B2E0CE, #A8BCEB, #B28879, #75420A)
• Ash Veranda color palette (#E2FFDA, #9FDCD9, #859AC9, #826475, #472E3C)
• Washed Lilac Lagoon color palette (#CFE8F1, #9AC0F6, #9F91FF, #AE5F36, #4C3400)
• Airy Cobalt Boulevard color palette (#C6EBE8, #53B2CE, #5984C0, #8D4D54, #3E2008)
• Teal Basin color palette (#F4F7E9, #90DCBF, #27B7AB, #698F6D, #333730)
• Tempered Denim color palette (#CBE6F2, #78AFC5, #5B7F9F, #5D476E, #2B253B)
• Washed Pewter Lagoon color palette (#D7E8F8, #7E82B7, #7D5694, #603A00, #161200)

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