Moonless Cocoa color palette — #EDD7E4 · #883600 · #48570E · #221600 · #080004

Rust takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#EDD7E4): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#883600): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#48570E): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#221600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#080004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Moonless Cocoa 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 Cocoa Station color palette (#FBE7D9, #7E3400, #424A3F, #1A1C13, #0A0400)
• Wandering Bloom color palette (#FFE3D9, #B05C00, #755100, #463600, #111400)
• Worn Aubergine Pier color palette (#F4EADB, #855E00, #0059AD, #500FB9, #0D0600)
• Ultramarine Boulevard color palette (#D9F1DD, #977000, #0062C9, #594100, #000E29)
• Tempered Bloom color palette (#D3F1DB, #A58100, #394D00, #0C2E19, #1A0D13)
• Nocturne Garden color palette (#F7E9FF, #970054, #34322B, #340400, #090002)
• Softworn Fern Thicket color palette (#D4EFE6, #556A00, #33343E, #002D19, #000D08)
• Patina Lagoon color palette (#C5E7DE, #219A69, #006059, #591D47, #00140A)

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