Midnight Cocoa color palette — #F9DBEC · #7A2E00 · #342800 · #031500 · #000201

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

The five colors

• Shell Pink (#F9DBEC): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#7A2E00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#342800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#031500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

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

• Deep Cocoa Bloom color palette (#F2DCE9, #662200, #251E00, #0F001B, #040001)
• Softworn Bronze color palette (#FFDFD8, #945C39, #613900, #132400, #000E04)
• Obsidian Station color palette (#EADBF2, #87004A, #451C00, #131100, #030004)
• Shadow Garnet Cabin color palette (#F9DFD9, #8C0031, #003417, #001912, #030028)
• Twilit Plum Harbor color palette (#E6DFF8, #9E3196, #443D00, #001824, #00000B)
• Deep Terrace color palette (#CAE8DB, #575E00, #004228, #001F22, #00030C)
• Peony Delta color palette (#F1D7F2, #E83D94, #C9003E, #801C00, #070000)
• Sunlit Onyx color palette (#FCDFEB, #9E5500, #484A00, #440047, #1E0003)

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