Cocoa Alley color palette — #F8E0FD · #B282A6 · #8A596B · #5E3308 · #0E2611

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

The five colors

• Blush (#F8E0FD): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#B282A6): A luminous, dusty pink — the color of peonies in June.
• Pewter (#8A596B): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#5E3308): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#0E2611): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. 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

• Aged Pewter color palette (#E8E3F2, #C295AC, #955C69, #66444F, #122D1B)
• Hushed Garden color palette (#DDDDEC, #8F86AC, #915074, #68320D, #2C121C)
• Terracotta Meadow color palette (#E6DDF1, #AF647A, #8C3038, #423000, #001C0F)
• Antique Chestnut Field color palette (#FFE3E5, #B78278, #8E4920, #424507, #172600)
• Aged Delta color palette (#DCE1FB, #AA7DBF, #945062, #284F36, #203827)
• Timeworn Wisteria color palette (#F2D6DD, #D390C8, #9F6A84, #804A19, #3A352F)
• Ancient Terracotta color palette (#F3DBDF, #A14F4E, #6B2912, #282400, #080D00)
• Dusty Boulevard color palette (#F6E8FB, #CAB0CB, #AC796E, #476755, #19382E)

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