Midnight Cocoa color palette — #F7DFE0 · #843800 · #3B2600 · #090F00 · #000201

Built around Rust, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F7DFE0): A whisper-light, dusty red — the color of late-summer berries.
• Rust (#843800): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3B2600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#090F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

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

• Mulberry Workshop color palette (#EEDDEA, #A60037, #4B2100, #120A00, #010100)
• Rust Canyon color palette (#F2DDDD, #B64A00, #5A4400, #1F2700, #000703)
• Garnet Archive color palette (#DDEFDD, #870700, #262400, #07002F, #030100)
• Onyx Loft color palette (#F5E6FF, #7D4D42, #423B00, #2F0231, #090003)
• Raspberry Summit color palette (#FCDDE7, #E20365, #794E00, #004524, #020100)
• Midnight Onyx color palette (#DDF0DF, #475257, #392600, #111610, #010300)
• Washed Amber Orchard color palette (#FFDCD6, #BE7000, #5F5F00, #123B00, #00110D)
• Weathered Alley color palette (#FBDCC6, #8F7500, #3D4E00, #002916, #000707)

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