Midnight Harbor color palette — #F3D8C8 · #744100 · #3F2400 · #1D1100 · #020100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Bone (#F3D8C8): A whisper-light, dusty gold — the color of old brass.
• Bronze (#744100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3F2400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1D1100): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, 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

• Worn Bronze color palette (#F8E8DE, #975400, #643D00, #301E00, #0C0600)
• Garnet Delta color palette (#FAE2E0, #8B1200, #4F1300, #210700, #030100)
• Antique Hollow color palette (#F8EAD6, #A97C00, #654F00, #393000, #1A1800)
• Obsidian Onyx color palette (#EEEBDB, #463B00, #003B26, #480300, #020100)
• Hushed Lantern color palette (#C8E9D2, #8F8C3A, #5F7800, #473000, #020200)
• Fern Field color palette (#E8F2D3, #476900, #194700, #012303, #000702)
• Frosted Emerald color palette (#DDEBD3, #2BA20E, #00772E, #004222, #001D11)
• Worn Olive color palette (#D2E8DE, #9DB05B, #608100, #386110, #002F2B)

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