Midnight Cocoa Corridor color palette — #EFD8E4 · #622800 · #241E00 · #000B01 · #040001

A conversation between Rust and Onyx, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#EFD8E4): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#622800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#241E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000B01): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Midnight Cocoa Corridor 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

• Charred Brick color palette (#EDDAD1, #A70312, #4E3100, #171E00, #050005)
• Garnet Pier color palette (#ECDFE9, #2E2A20, #550102, #210F0B, #060100)
• Twilit Mulberry Station color palette (#EDE4FC, #91017B, #302C00, #000910, #060001)
• Fern Courtyard color palette (#D1E8DA, #564900, #003414, #001416, #030100)
• Inked Garnet color palette (#FFE8E4, #730036, #292027, #0D2500, #000B0F)
• Raspberry Terrace color palette (#F3DBF1, #D20F6B, #AE0025, #632000, #050000)
• Bronze Corridor color palette (#FCE3EB, #965B00, #454B00, #00301F, #1D0004)
• Hushed Chapel color palette (#CAE9DE, #677C00, #005A44, #00323D, #190A00)

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