Midnight Cocoa color palette — #D0E8DB · #00556B · #632600 · #00222E · #030100

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D0E8DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#00556B): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#632600): A deep, shadowed, balanced orange — the color of autumn markets.
• Midnight (#00222E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Shadow Pier color palette (#E7DAE7, #034996, #4F3600, #001D43, #020100)
• Deep Lantern color palette (#E0EADB, #005A4A, #710034, #00251D, #040001)
• Antique Chestnut Coast color palette (#D3E5D8, #007987, #7D4400, #003238, #030100)
• Cellar Drift color palette (#F0DEC4, #605100, #382600, #190A00, #010100)
• Worn Loft color palette (#E2F5EB, #638DCC, #6053A8, #00383D, #000309)
• Brick Atelier color palette (#DCE3C5, #B20020, #004AAE, #150B17, #030003)
• Chalky Cobalt color palette (#C3E9DE, #3285C6, #925E00, #004A79, #1C0F00)
• Hushed Grape Drift color palette (#EEDFE6, #5F3BBC, #474F00, #2F0071, #020300)

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