Midnight Cocoa Meadow color palette — #ECDDD7 · #7C4000 · #4A1600 · #240002 · #020100

A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Bone (#ECDDD7): bright and airy, almost weightless.
• Bronze (#7C4000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4A1600): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#240002): A deep, shadowed, dusty orange — the color of toasted spice.
• 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 Meadow 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

• Cocoa Veranda color palette (#EDD7E4, #9B5D36, #752A00, #480800, #080200)
• Fern Field color palette (#EEDFC5, #5A5400, #352800, #170B00, #010100)
• Aged Bronze color palette (#F5EAE0, #AB7D27, #7B4701, #531F00, #150D00)
• Ancient Bronze color palette (#F9E5C6, #807300, #564000, #341D00, #050600)
• Moonless Garden color palette (#CEF1E2, #003B54, #540012, #191000, #000201)
• Hazy Amber color palette (#FCE4D1, #D58F38, #9D5520, #663326, #281900)
• Worn Cocoa Loft color palette (#FAF1DF, #ACB172, #82753C, #674400, #252313)
• Onyx Grove color palette (#E9D7EB, #003757, #131E24, #370300, #090600)

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