Midnight Harbor color palette — #F4E1F1 · #785900 · #000549 · #0E0104 · #000013

Built around Deep Indigo, softened by Coffee — the whole palette hums with optimism and creativity.

The five colors

• Blush (#F4E1F1): A whisper-light, dusty pink — the color of neon signs at night.
• Coffee (#785900): A full-bodied, balanced gold — the color of old brass.
• Deep Indigo (#000549): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0E0104): A deep, shadowed, dusty red — the color of embers at dusk.
• Black (#000013): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged luxury, dark, 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

• Velvet Chestnut color palette (#F6DCE3, #785900, #220032, #180A01, #05000A)
• Midnight Chestnut Loft color palette (#DAF7EE, #785900, #2E2C34, #001529, #000307)
• Moonless Studio color palette (#DFECFF, #956D00, #030F83, #0F0612, #000025)
• Smoked Aubergine color palette (#EEDAE0, #9A7300, #3A0059, #11001F, #090003)
• Hushed Aubergine Courtyard color palette (#F7ECF1, #AB9298, #8A627D, #35145D, #13040B)
• Antique Lagoon Balcony color palette (#D9E4F3, #019F73, #264489, #020F3C, #000108)
• Midnight Nightshade Station color palette (#F9EAF5, #1E00A5, #3F2200, #121400, #010010)
• Ancient Garnet color palette (#FFDADB, #B88A00, #690052, #340027, #210407)

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