Midnight Harbor color palette — #FFE8F0 · #8D4F00 · #2F2200 · #15030A · #030300

Ochre and Onyx set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FFE8F0): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#8D4F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2F2200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#15030A): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Deep Chestnut Study color palette (#FAEDE1, #8B4E00, #283431, #191100, #030100)
• Obsidian Balcony color palette (#F3E3EF, #B60C00, #3B1A00, #150212, #020200)
• Ancient Bronze Ridge color palette (#FBE4D1, #B36200, #474400, #2F1600, #050100)
• Lowlit Fern Pier color palette (#D6E8E0, #656500, #1F272E, #162A09, #000D07)
• Linen Mulberry Loft color palette (#E1EFE8, #807700, #007492, #941C6F, #141200)
• Amber Archive color palette (#DCE9DB, #BE811F, #395445, #243224, #1F151A)
• Fern Courtyard color palette (#DDF1E1, #9B9645, #536B07, #6C2F35, #1E1C00)
• Tempered Moss Grove color palette (#D7F6ED, #699700, #254F33, #0E2D26, #03160E)

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