Midnight Cocoa color palette — #FFE6F6 · #794200 · #4D1300 · #230006 · #020100

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

The five colors

• Blush (#FFE6F6): A whisper-light, dusty pink — the color of a candy shop window.
• Bronze (#794200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4D1300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#230006): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#020100): quiet, heavy and certain.

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

• Charred Ridge color palette (#FCDCDD, #962C00, #3F2200, #120E00, #010100)
• Lowlit Loft color palette (#D9F2DA, #5F5200, #3A2500, #1C0800, #010100)
• Bronze Delta color palette (#FBE1D1, #AC5820, #672200, #2A0200, #030100)
• Bronze Meadow color palette (#E8F3E7, #877000, #5E3B00, #3D1500, #050600)
• Feathered Chestnut color palette (#EDDCE4, #AC7B37, #863D00, #5E0C10, #001307)
• Mulberry Courtyard color palette (#EDE4F0, #A20748, #2D2C00, #3F0017, #000201)
• Faded Pier color palette (#D3E3DB, #769C37, #635E00, #493100, #001805)
• Airy Rust color palette (#FFDEF3, #C79467, #B53E00, #722531, #06230F)

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