Midnight Cocoa color palette — #F0D9D7 · #862D00 · #482500 · #1C1000 · #020200

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

The five colors

• Shell Pink (#F0D9D7): A whisper-light, dusty orange — the color of toasted spice.
• Rust (#862D00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#482500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1C1000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020200): a grounded near-black with real depth.

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

• Chestnut Field color palette (#FFDFEB, #694D00, #402100, #210300, #010100)
• Bronze Studio color palette (#FFEBE3, #A44C00, #5C2F00, #1F0D00, #020100)
• Velvet Dune color palette (#FFDEE9, #6C4100, #004062, #2E1900, #000103)
• Obsidian Workshop color palette (#FFE8F1, #950035, #60000B, #1C0700, #040100)
• Obsidian Chestnut color palette (#F7E0ED, #006B74, #704800, #0C100A, #000200)
• Bronze Canyon color palette (#FAD6E2, #998510, #2D7F46, #5D1B10, #020100)
• Navy Villa color palette (#FBE1C6, #563200, #003452, #040D6A, #020100)
• Bronze Boulevard color palette (#F8EAE3, #B56C00, #6A4C00, #403800, #141800)

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