Dusty Cocoa Alley color palette — #EDE6EE · #D8C4D5 · #B59AAD · #7B4148 · #1A131B

A conversation between Coffee and Mauve, giving this palette its sense of sophistication.

The five colors

• Blush (#EDE6EE): a clean, paper-quiet neutral.
• Oat (#D8C4D5): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#B59AAD): A luminous, dusty pink — the color of neon signs at night.
• Coffee (#7B4148): A full-bodied, balanced red — the color of a theater curtain.
• Ink (#1A131B): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Dusty Cocoa Alley 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 Chestnut color palette (#F0E6EA, #C3D0C1, #97A999, #794718, #201017)
• Antique Mulberry color palette (#F6ECEA, #D7C9C3, #B39B8A, #82394A, #3C2824)
• Dusty Station color palette (#EEE5EB, #C1ADB8, #A08491, #732716, #130610)
• Patina Pewter Delta color palette (#F8F3FA, #EBD7DA, #D7BBB8, #9E6271, #231B26)
• Patina Chestnut color palette (#FDEAE3, #B58A68, #7B5A25, #164641, #002727)
• Basalt Summit color palette (#FCEAF2, #B696A0, #68846A, #542900, #0B0105)
• Rose Market color palette (#FBE1F5, #FF839C, #FF483A, #9C4B00, #230300)
• Washed Bronze Grove color palette (#EAF5EF, #C2DEDE, #A4C9BD, #776C1C, #1C2821)

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