Midnight Dune color palette — #F0DBE4 · #5B2F00 · #2C2C22 · #180B04 · #020100

Built around Cocoa, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F0DBE4): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#5B2F00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2C2C22): a grounded near-black with real depth.
• Ink (#180B04): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Shadow Corridor color palette (#F2E8F3, #730029, #2D261B, #1C0908, #050000)
• Patina Bronze color palette (#F6E9DC, #986B00, #503A00, #1F1600, #010100)
• Chestnut Corridor color palette (#F9D5E5, #8C4600, #2A2000, #14070B, #060002)
• Dusty Canyon color palette (#E3F4E7, #876500, #970064, #382800, #040002)
• Fern Corridor color palette (#EAF0CD, #525B00, #005249, #522200, #010100)
• Fern Alley color palette (#C2EBDF, #415600, #4D4347, #0D1917, #010800)
• Ancient Moss color palette (#EAF9F3, #9EA712, #1D5045, #0F231C, #020704)
• Emerald Pier color palette (#CEF9F0, #489300, #003513, #14171D, #020A00)

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