Dusty Cocoa color palette — #D3EFDB · #81ABC9 · #696C97 · #7B3E1F · #3D3C35

Bronze takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D3EFDB): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#81ABC9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#696C97): A full-bodied, dusty violet — the color of a velvet chair.
• Bronze (#7B3E1F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#3D3C35): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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 Boulevard color palette (#DDE7D7, #73A7C1, #906B7C, #633D00, #32210D)
• Worn Cerulean Orchard color palette (#DBEBCA, #73AEAD, #3C86A8, #6E455B, #603C30)
• Pewter Villa color palette (#C9ECE3, #BC9BB1, #836196, #704A29, #3B4600)
• Antique Market color palette (#D1E8FF, #B9CCE9, #99A5C7, #8A7A9A, #503E55)
• Tempered Sky color palette (#BDF2FA, #75BDDE, #878BAB, #546F54, #334B33)
• Worn Nightshade Studio color palette (#DAEDF6, #6F8DB0, #584491, #5C2300, #372200)
• Pewter Station color palette (#EBE7FF, #BB97C4, #9D627A, #5C5E2F, #0F5348)
• Bronze Summit color palette (#FFF0FC, #CFBAC4, #A78589, #896822, #4A5144)

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