Midnight Harbor color palette — #FCDDEF · #7B4E18 · #4C1900 · #280005 · #050300

Built around Coffee, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FCDDEF): A whisper-light, dusty pink — the color of peonies in June.
• Coffee (#7B4E18): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4C1900): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#280005): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Tempered Bronze Garden color palette (#F6D8EB, #965500, #631E00, #3C000E, #110A00)
• Velvet Fern color palette (#E2F5E5, #625B12, #3A2800, #1E0B00, #020400)
• Garnet Study color palette (#FDEADE, #AB7332, #9C3F00, #79071E, #060300)
• Ancient Olive Boulevard color palette (#E2F0E5, #797B2E, #574200, #3D1F00, #0C1B00)
• Onyx Summit color palette (#D9F2F1, #004423, #530024, #2B0008, #000201)
• Aged Lantern color palette (#F9DAE4, #998555, #7A4800, #5B230D, #032C1E)
• Violet Courtyard color palette (#FFEAEC, #7E65FF, #2A6400, #010F09, #000202)
• Velvet Navy Hollow color palette (#D5EAEA, #006C49, #200079, #002416, #01000E)

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