Cocoa Alley color palette — #F3E0EA · #722F00 · #00383F · #34001F · #050100

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

The five colors

• Rose Water (#F3E0EA): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#722F00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Teal (#00383F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#34001F): A deep, shadowed, balanced rose — the color of a warm blush.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Twilit Cabin color palette (#D5EADE, #544B00, #003B48, #400014, #020200)
• Charred Onyx Garden color palette (#D8F1DA, #6C4900, #003A1D, #260043, #030100)
• Obsidian Onyx color palette (#F3DFC4, #432B00, #001E28, #0C0024, #070000)
• Cellar Orchard color palette (#EDD7E2, #743300, #303A00, #000763, #040100)
• Washed Bronze Parlor color palette (#FADCC8, #8C6900, #424D00, #002918, #000605)
• Antique Olive Corridor color palette (#D1EEE7, #477E00, #00536F, #680030, #000C09)
• Powdered Nightshade Lagoon color palette (#D0E9E3, #406A00, #0022B2, #421200, #010200)
• Dusty Cocoa color palette (#E7F2E9, #95AAA3, #64927B, #584100, #010D04)

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