Midnight Cocoa color palette — #D4ECDD · #005666 · #652400 · #00232B · #030000

Built around Rust, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D4ECDD): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#005666): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#652400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#00232B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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 Denim Market color palette (#F3DBF6, #004E89, #642500, #001F3C, #030000)
• Twilit Basalt color palette (#CEF1ED, #004542, #4D2500, #2D2100, #000201)
• Garnet Terrace color palette (#E0E5D5, #005C34, #72002B, #002612, #040001)
• Terracotta Bloom color palette (#D4E8F4, #007791, #8B3700, #00313D, #030000)
• Velvet Loft color palette (#ECF0DE, #845100, #005C6E, #060A0E, #000201)
• Charred Fern color palette (#F7E9D7, #5B5400, #3A2500, #1F0500, #010200)
• Denim Grove color palette (#CCE6F7, #00638E, #002E41, #1B1417, #000811)
• Sunlit Meadow color palette (#DBF2DF, #4D85C8, #9642A8, #003A26, #000302)

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