Midnight Cocoa color palette — #F7E6D8 · #7D4000 · #2F3D39 · #221600 · #060100

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

The five colors

• Parchment (#F7E6D8): A whisper-light, dusty gold — the color of old brass.
• Bronze (#7D4000): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#2F3D39): quiet, heavy and certain.
• Ink (#221600): A deep, shadowed, dusty gold — the color of old brass.
• Black (#060100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Cocoa Boulevard color palette (#F5E4EB, #763C00, #544B00, #1A1C13, #090500)
• Terracotta Chapel color palette (#FBEBE5, #9E0017, #26332A, #2C0F00, #070100)
• Bronze Drift color palette (#F5DDE8, #A35000, #393300, #23110F, #14000A)
• Worn Grove color palette (#FFE9D9, #A66C00, #6A5000, #3D3500, #161800)
• Dusty Moss color palette (#EFEDD7, #708D0B, #3D4500, #25220A, #110D03)
• Weathered Olive color palette (#EEEFCE, #3C7000, #323D41, #1E2803, #0A0A00)
• Wandering Station color palette (#F6E7D1, #8F853E, #4D5A00, #5C212D, #131000)
• Washed Balcony color palette (#FCF0E0, #C1923F, #6C5500, #3D372E, #27201A)

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