Cocoa Dune color palette — #F7DAD5 · #813B00 · #3B2200 · #161100 · #010200

A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F7DAD5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bronze (#813B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3B2200): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#161100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#010200): quiet, heavy and certain.

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

Use it as a design system

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

• Fern Quarry color palette (#E8DDCC, #545520, #382600, #1D0700, #000200)
• Twilit Garnet Thicket color palette (#F8DBE6, #8E002A, #501F00, #1E0E00, #020100)
• Inked Veranda color palette (#FFE0CF, #995700, #4E3500, #1E1500, #010100)
• Navy Field color palette (#EBE3D1, #5B4B00, #003B71, #261E00, #000104)
• Velvet Nightshade color palette (#F2DEBE, #4C3800, #26008F, #2F0049, #020100)
• Moonless Grape color palette (#FBE3F1, #8900BD, #585500, #080D07, #020100)
• Worn Harbor color palette (#F5E7D7, #749450, #007D6B, #5A1100, #030200)
• Lowlit Lagoon color palette (#E8DEC8, #626A00, #104300, #002219, #000404)

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