Midnight Harbor color palette — #F6EAF4 · #2F5DCE · #642600 · #1C1400 · #000201

Built around Cobalt, softened by Rust — the whole palette hums with optimism and creativity.

The five colors

• Blush (#F6EAF4): a clean, paper-quiet neutral.
• Cobalt (#2F5DCE): A full-bodied, vivid violet — the color of wild irises.
• Rust (#642600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1C1400): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000201): quiet, heavy and certain.

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

• Inked Garnet Station color palette (#DAF6EB, #006FA0, #73002A, #1B1500, #010100)
• Twilit Terrace color palette (#FED8E8, #7A3FC6, #553300, #001B13, #000201)
• Velvet Pier color palette (#FEE9F6, #4304D0, #4E2500, #160703, #0D0013)
• Deep Onyx color palette (#D0E3F1, #005071, #52002A, #101700, #000606)
• Velvet Nightshade color palette (#EFD8E5, #4B1BB2, #4D003C, #250300, #000104)
• Timeworn Orchid color palette (#FFEDF0, #A653B2, #5F4B00, #002A31, #000203)
• Orchid Delta color palette (#EDEBF9, #B647CE, #B41554, #6C3000, #0A0700)
• Softworn Petrol Canyon color palette (#FAEAE2, #77C7C3, #007486, #004122, #000306)

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