Midnight Cocoa color palette — #D0E4D9 · #005A72 · #672900 · #002530 · #0F0300

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

The five colors

• Silver (#D0E4D9): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#005A72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#672900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#002530): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0F0300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Basalt Workshop color palette (#D8F4FF, #004759, #4D2900, #271E00, #000203)
• Terracotta Field color palette (#D0E4DA, #007493, #953300, #003E51, #100200)
• Timeworn Petrol Courtyard color palette (#CFECFF, #006791, #002E51, #2D262D, #000C15)
• Smoked Basin color palette (#E3E6CA, #206100, #6E2100, #092800, #110200)
• Smoked Ultramarine Delta color palette (#EEE1EC, #0F3CC4, #593500, #000869, #0C0400)
• Weathered Byzantium color palette (#CAF5FF, #6E9CD8, #9348A0, #004135, #000D18)
• Chalky Parlor color palette (#DBF2FF, #008CAA, #A95800, #005E73, #0D0300)
• Lapis Bloom color palette (#FCE0F2, #4E3BDB, #3F5400, #250082, #0B1200)

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