Cocoa Dune color palette — #F1DDE9 · #7E5926 · #5C2100 · #34000F · #020200

Espresso and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F1DDE9): A whisper-light, dusty pink — the color of neon signs at night.
• Coffee (#7E5926): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#5C2100): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#34000F): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#020200): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, 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

• Midnight Fern color palette (#D3E8D6, #63662A, #473200, #2B0E00, #000200)
• Antique Cocoa Boulevard color palette (#F9E0CF, #AF7847, #7F3300, #460102, #020100)
• Garnet Chapel color palette (#F4DCE6, #B08622, #8B4600, #6B0014, #121400)
• Moonless Terracotta Studio color palette (#DAEEF0, #A54633, #302827, #00251D, #000403)
• Softworn Fern Boulevard color palette (#D3E3D9, #7A8F60, #625500, #492800, #001307)
• Wandering Bronze Dune color palette (#D9F0DF, #9CA672, #846700, #693300, #002406)
• Chalky Chapel color palette (#FBE9FF, #DF0076, #3C5B00, #020E07, #000201)
• Inked Cypress Canyon color palette (#DAF1DC, #007266, #004050, #001732, #02000B)

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