Moonless Cocoa Drift color palette — #F9DFD3 · #6C4100 · #322600 · #131600 · #000200

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

The five colors

• Shell Pink (#F9DFD3): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#6C4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#322600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#131600): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Eclipse Fern Pier color palette (#D3EADB, #495A16, #332900, #1A0900, #000200)
• Terracotta Canyon color palette (#FFE3E7, #9A2200, #3F1E00, #1A1000, #010100)
• Velvet Navy color palette (#DAEDE4, #514F00, #192A91, #202000, #00000B)
• Hushed Olive Coast color palette (#F6EAD3, #777300, #2F5300, #00301F, #00100F)
• Antique Emerald color palette (#EFE5D0, #6AA161, #007271, #4F1F00, #010200)
• Charred Aubergine color palette (#EFEED8, #423D00, #350084, #330040, #010100)
• Charred Drift color palette (#FFE6EE, #9800A0, #465B00, #050C07, #000201)
• Hazy Amber color palette (#F5E2D7, #D18F00, #726C00, #3B5200, #002C12)

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