Midnight Cocoa color palette — #F7DEED · #832F00 · #324300 · #2B0032 · #030000

A conversation between Rust and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Blush (#F7DEED): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#832F00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#324300): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#2B0032): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Charred Cocoa color palette (#D3E4D2, #6A4500, #004928, #33001B, #020100)
• Deep Balcony color palette (#F4E6F6, #910038, #4A3A00, #1A004B, #030004)
• Obsidian Corridor color palette (#F1D9E4, #773800, #1C2F00, #0F1106, #10000D)
• Velvet Garnet Dune color palette (#F9E9E1, #621900, #00312E, #001327, #040000)
• Chestnut Ridge color palette (#D6E6DA, #7E5D00, #363300, #00100D, #020100)
• Aged Basalt color palette (#D9E1D8, #ABC2AE, #789C84, #543400, #000200)
• Hushed Onyx color palette (#EAEDD6, #5F6600, #005958, #510201, #010100)
• Rust Lantern color palette (#F1E2EC, #BC3900, #007169, #004684, #060000)

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