Cocoa Alley color palette — #ECDAE5 · #812D00 · #004353 · #380F00 · #000102

Rust takes the lead with Onyx close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#ECDAE5): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#812D00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#004353): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#380F00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Lowlit Mulberry Thicket color palette (#F4E3F6, #8F0037, #004542, #3F0014, #000201)
• Navy Lagoon color palette (#DCF1DB, #684300, #003B74, #2C1A00, #000104)
• Frosted Field color palette (#F4D9EA, #B53C00, #005E77, #4E1500, #000102)
• Aubergine Cabin color palette (#F5E7E0, #612800, #003B2B, #270061, #030100)
• Chestnut Studio color palette (#F2E1D5, #934D00, #461F00, #182019, #0F0400)
• Inked Corridor color palette (#EDE6FD, #006E62, #6E4A00, #0B100A, #000200)
• Misty Lagoon color palette (#E1E2C8, #615F00, #5419AA, #2D2B00, #040011)
• Ultramarine Lagoon color palette (#CAE9D0, #876500, #1C4AC1, #463300, #000228)

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