Moonless Cocoa Alley color palette — #F7D9E3 · #573B00 · #322B00 · #002510 · #10001A

Cocoa takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F7D9E3): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#573B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#322B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#002510): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#10001A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Moonless 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

• Obsidian Dune color palette (#D3E8D9, #3F3000, #121E00, #000621, #030100)
• Basalt Bloom color palette (#D8E8DB, #524600, #00352B, #001C21, #0E000B)
• Deep Garden color palette (#EDDBEC, #8E0023, #451D00, #001B1D, #100007)
• Nocturne Onyx color palette (#F7DEEF, #872500, #233800, #05005F, #0F000B)
• Mulberry Lantern color palette (#FCE3DF, #810049, #133900, #001C24, #020007)
• Misty Boulevard color palette (#D5F1E4, #AB2676, #593200, #00283C, #2F0309)
• Hushed Garnet Garden color palette (#EED8EE, #B84D6C, #872200, #342000, #071704)
• Plum Hollow color palette (#F0E1F5, #B71B5A, #156005, #003440, #080019)

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