Midnight Harbor color palette — #F5DDC6 · #6C5700 · #422300 · #280000 · #030400

Coffee takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F5DDC6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Coffee (#6C5700): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#422300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#280000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. 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

• Washed Bronze Dune color palette (#EADCCE, #896926, #633A00, #3E1700, #050300)
• Chestnut Villa color palette (#E8DBE6, #8C4B00, #000D3E, #170403, #00010F)
• Moonless Navy color palette (#FFE7FE, #00327A, #3A2500, #1C1000, #000108)
• Softworn Driftwood color palette (#F4E5CD, #888E44, #6D5000, #572806, #0D2C09)
• Sunlit Scarlet Cabin color palette (#D1EED7, #DA0029, #007654, #040F0F, #010200)
• Cellar Denim color palette (#D1E8E0, #00628E, #4F0A00, #002032, #060000)
• Inked Boulevard color palette (#D9EEFC, #4F52B0, #490068, #220016, #0D0001)
• Tempered Cocoa Canyon color palette (#FDECD7, #A8A051, #8D5E06, #783012, #283C16)

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