Cocoa Alley color palette — #F4EBFF · #A988B1 · #8C617D · #7D2F00 · #3F1F00

A conversation between Rust and Dusty Rose, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#F4EBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#A988B1): A luminous, dusty pink — the color of peonies in June.
• Pewter (#8C617D): A full-bodied, dusty pink — the color of neon signs at night.
• Rust (#7D2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3F1F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns 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 Garnet color palette (#FFE3F7, #9693BF, #82649D, #78233A, #501109)
• Tempered Cocoa color palette (#FFE7F2, #B5818E, #945D58, #5C4500, #322E00)
• Cocoa Harbor color palette (#E6D9EB, #A777A0, #814D66, #5F2C00, #291800)
• Washed Loft color palette (#E7DBF1, #CC9FCB, #B56295, #93512B, #593500)
• Ancient Lilac Quarry color palette (#D0E0FF, #A3A3FA, #7F6B9E, #5B323E, #290F28)
• Periwinkle Station color palette (#CEF2FF, #84A0F1, #9D79AC, #5C682D, #233000)
• Softworn Hollow color palette (#FFF1F5, #DBBFC4, #BB8B8C, #9C7060, #764807)
• Weathered Pier color palette (#C9F4FC, #5680BB, #64497E, #383C00, #002D1D)

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