Midnight Cocoa color palette — #E0F5EB · #005470 · #612800 · #002230 · #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 (#E0F5EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#005470): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#612800): A deep, shadowed, balanced orange — the color of toasted spice.
• Midnight (#002230): A deep, shadowed, dusty blue — the color of deep harbor water.
• 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

• Cellar Quarry color palette (#DBE4D8, #00594F, #700039, #002520, #040001)
• Inked Grove color palette (#FCE3F9, #053FAE, #4D3700, #001456, #020100)
• Muted Terracotta Pier color palette (#C7E5F9, #007399, #903900, #003E54, #0F0200)
• Smoked Quarry color palette (#D5E6F3, #006698, #002D4C, #21191F, #000712)
• Wandering Terracotta color palette (#EFDCF0, #006BC4, #A10018, #002B55, #050000)
• Fern Dune color palette (#EBE1CF, #5C5300, #362700, #180B00, #010100)
• Patina Boulevard color palette (#DAEFFF, #6287C6, #6C58AC, #00313B, #00020A)
• Softworn Sky Pier color palette (#D5FCEF, #37B1FC, #A56200, #006192, #321A00)

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