Midnight Cocoa color palette — #EADCE3 · #724624 · #471B00 · #200400 · #020100

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

The five colors

• Silver (#EADCE3): bright and airy, almost weightless.
• Bronze (#724624): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#471B00): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#200400): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• 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

• Patina Cocoa color palette (#F7E9E0, #9A5E30, #702F00, #440F00, #070200)
• Eclipse Fern color palette (#CFE6D7, #5A5400, #322900, #150D00, #010100)
• Frosted Chestnut Bloom color palette (#F5E3EB, #BA7F45, #8B4600, #5C2200, #1C0F00)
• Mulberry Market color palette (#EBE5F2, #7D5600, #9C0022, #0F0401, #030003)
• Shadow Onyx color palette (#F1EBFF, #4D0040, #27120C, #001C22, #060418)
• Aubergine Coast color palette (#E9E9FF, #4F0076, #00312F, #00151E, #020006)
• Weathered Meadow color palette (#E6F6EE, #89B7A4, #7D773B, #5A4B12, #042A20)
• Midnight Thicket color palette (#FFE6EF, #6D4A10, #3E2200, #1B0900, #020100)

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