Dusty Cocoa Canyon color palette — #CCE1FF · #9093C3 · #785A85 · #673F00 · #3F3B00

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

The five colors

• Powder Blue (#CCE1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#9093C3): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#785A85): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#673F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3F3B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Worn Spruce color palette (#E8EDFD, #A48EB4, #935770, #524B00, #183F11)
• Cocoa Ridge color palette (#DDF1F9, #7CA1BB, #58678F, #6B3B39, #4A2C0D)
• Patina Harbor color palette (#CCE6EB, #6E92B2, #745A86, #1E4523, #002522)
• Washed Mulberry Summit color palette (#E0E5F8, #8574A0, #773D62, #423500, #162C01)
• Powder Workshop color palette (#DBEBFF, #B3B3EE, #B58993, #96734A, #3B3700)
• Cocoa Terrace color palette (#E6E2EF, #745C7E, #623122, #002811, #001217)
• Faded Aubergine Study color palette (#D8DCFA, #8B6DB9, #677200, #6000A7, #272C00)
• Pewter Harbor color palette (#F1F5FF, #B4B3D3, #92839F, #65663B, #285853)

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