Midnight Cocoa color palette — #F8DAEB · #843600 · #0C4C06 · #391300 · #000900

Rust and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F8DAEB): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#843600): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#0C4C06): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#391300): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#000900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Depth, Luxury. Tagged dark.

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

• Eclipse Dune color palette (#F3DFF4, #990034, #424100, #430012, #060600)
• Shadow Chestnut color palette (#D0ECD2, #6B4A00, #004A3D, #2D1D00, #000805)
• Obsidian Cocoa Veranda color palette (#FAE9F4, #842A00, #004255, #390D00, #000102)
• Hushed Mulberry color palette (#D1E8DC, #676200, #8E003A, #312E00, #25000A)
• Faded Balcony color palette (#FBE6DB, #AF4011, #00627C, #631D00, #00070C)
• Weathered Pine Delta color palette (#C1E7F1, #008A56, #776200, #0A0E05, #000201)
• Chalky Workshop color palette (#FFE2D1, #BB8039, #926C02, #531700, #1A0A00)
• Obsidian Aubergine Lantern color palette (#F0D4EF, #9A0029, #392195, #44000D, #050020)

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