Cocoa Alley color palette — #F4F4FF · #E5D8FF · #A59EC5 · #9F5B55 · #662B11

Built around Rust, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Thistle (#E5D8FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#A59EC5): A luminous, dusty violet — the color of a velvet chair.
• Walnut (#9F5B55): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#662B11): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Weathered Veranda color palette (#FFDBF0, #AF99D8, #96609E, #88403E, #643927)
• Hushed Lagoon color palette (#FFF0FE, #FFC7E4, #C995A2, #956C44, #523C00)
• Terracotta Villa color palette (#FADFEF, #B88494, #904F52, #442D00, #130F00)
• Antique Stone Villa color palette (#F4F4FF, #E4D5E2, #C1AFD1, #8C7581, #40513F)
• Muted Corridor color palette (#E8F8FF, #C2E5FF, #8FA7D0, #845B85, #4A3A5B)
• Aged Courtyard color palette (#F6F3FF, #B5B4DD, #AA83A3, #7E4539, #432006)
• Wandering Driftwood Harbor color palette (#D9F5FF, #9FB1DF, #926DA3, #48591E, #2D2B05)
• Hushed Courtyard color palette (#FBD3DB, #A26564, #6C3D2E, #232100, #010100)

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