Midnight Harbor color palette — #F2DFE9 · #AA4A00 · #372700 · #1D0715 · #060206

Built around Terracotta, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#F2DFE9): A whisper-light, dusty pink — the color of a candy shop window.
• Terracotta (#AA4A00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#372700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1D0715): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#060206): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Bronze Harbor color palette (#DCE7DD, #8B6300, #282D00, #001604, #090105)
• Smoked Plum Atelier color palette (#E9DFE9, #C7003E, #441D00, #1B061C, #050208)
• Muted Ember Orchard color palette (#F2E0D3, #D36000, #564210, #352113, #1A0E0A)
• Softworn Workshop color palette (#DEF6E9, #6A5D60, #3D3700, #172222, #010900)
• Cellar Fern Terrace color palette (#D3EDE2, #5B6100, #2A2C35, #00260D, #070900)
• Patina Grape Harbor color palette (#FCE0B8, #AC7700, #0076D2, #7E2EC0, #231500)
• Aged Market color palette (#E3F1ED, #758D49, #1C4243, #12221E, #090E0B)
• Softworn Amber color palette (#FFEBE3, #E18000, #9D6800, #4C4200, #1E2500)

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