Dusty Cocoa Harbor color palette — #FFDEDE · #F0B3C4 · #CE9393 · #927A4D · #5A4500

Deep Olive takes the lead with Ballet Pink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#FFDEDE): A whisper-light, dusty red — the color of late-summer berries.
• Ballet Pink (#F0B3C4): A whisper-light, dusty red — the color of late-summer berries.
• Dusty Rose (#CE9393): A luminous, dusty red — the color of late-summer berries.
• Walnut (#927A4D): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#5A4500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Antique Pier color palette (#FCDAEA, #E4B3AC, #C093C0, #B27150, #6F3A04)
• Dusty Fern color palette (#F5DED2, #E1B698, #BBA07F, #69875F, #3F4F03)
• Washed Field color palette (#FFE3F3, #D8B0B5, #B47877, #5B765A, #324736)
• Blush Lagoon color palette (#F7D8E4, #DE8A95, #B57369, #715D1B, #292A00)
• Weathered Bronze color palette (#FCDFD2, #AE743D, #85641F, #255729, #00120A)
• Weathered Amber color palette (#F6E1DC, #FEA46B, #DA8D00, #5C8832, #02461F)
• Muted Peony color palette (#FFE0F2, #FA96C8, #F35597, #B6536E, #5E2D34)
• Antique Abyss color palette (#CCE6DF, #AE9CC4, #936465, #1C575E, #0F3119)

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