Cocoa Canyon color palette — #EBDFFE · #A67EB3 · #956487 · #7D422A · #341900

Bronze and Dusty Rose set the tone — five colors that lean into optimism and creativity.

The five colors

• Thistle (#EBDFFE): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#A67EB3): A luminous, balanced pink — the color of a candy shop window.
• Slate (#956487): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#7D422A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#341900): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns 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

• Airy Iris color palette (#EBEFFF, #9283D6, #865FAA, #80454D, #361707)
• Hushed Hollow color palette (#EAD9E2, #C77A90, #A16566, #6F4E00, #221F00)
• Aged Lantern color palette (#E9ECFF, #A380B9, #804E68, #3E3600, #010900)
• Violet Hollow color palette (#DCE8FA, #9767C5, #974864, #254B29, #012807)
• Tempered Lagoon color palette (#EFE7F4, #F591E7, #DC7CAC, #9D623E, #5A3900)
• Weathered Lantern color palette (#DBF2F4, #5A7096, #53325C, #002924, #000E0F)
• Taupe Station color palette (#FFE5E2, #CD9175, #A67950, #5B7040, #022F08)
• Washed Bronze Corridor color palette (#FBDBE2, #E4A6A8, #C7846E, #8F762E, #3C3B34)

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