Midnight Harbor color palette — #EFD9D3 · #C7375D · #561B00 · #1F120F · #0C0404

Magenta Rose takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Bone (#EFD9D3): A whisper-light, dusty orange — the color of toasted spice.
• Magenta Rose (#C7375D): A full-bodied, vivid red — the color of late-summer berries.
• Espresso (#561B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1F120F): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#0C0404): quiet, heavy and certain.

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

Use it as a design system

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

• Plum Dune color palette (#ECE0EE, #B4465F, #402A3A, #241B26, #11090E)
• Softworn Quarry color palette (#FCE9DD, #C1663E, #593000, #261C15, #100B08)
• Cellar Brick Canyon color palette (#FFE5D8, #A81A00, #20261C, #361100, #130300)
• Washed Byzantium Hollow color palette (#FBE5E9, #A742B6, #42292B, #1E1214, #0A0506)
• Muted Blush Atelier color palette (#FFF2EF, #F56689, #6C3505, #291A17, #0A0404)
• Softworn Amber color palette (#FFEEE1, #D66C00, #778839, #8F5673, #2C1909)
• Deep Chestnut Coast color palette (#F8E8CD, #7E6000, #2E2306, #120B02, #040200)
• Gentle Canyon color palette (#F6D6D4, #ED796E, #BA563F, #723B23, #362F2B)

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