Midnight Harbor color palette — #FFDBD1 · #C03000 · #691600 · #230400 · #060000

Brick takes the lead with Oxblood close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Shell Pink (#FFDBD1): A whisper-light, dusty orange — the color of toasted spice.
• Brick (#C03000): A full-bodied, vivid orange — the color of toasted spice.
• Oxblood (#691600): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#230400): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#060000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Depth, Luxury. Tagged monochrome, dark, warm.

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 Workshop color palette (#FBE5CF, #A26000, #533100, #1C0C00, #070300)
• Patina Terracotta Canyon color palette (#F3DEDA, #DC6043, #A01A00, #4C0B00, #090000)
• Smoked Raspberry color palette (#EBDADF, #D1006F, #67002E, #24000D, #0C0002)
• Frosted Tangerine color palette (#FED9D6, #EB7712, #9D7200, #6C263E, #2E0B03)
• Timeworn Bronze color palette (#E8F0FC, #009888, #A15300, #1E0506, #060002)
• Muted Bronze Dune color palette (#E5F5E6, #8B5F00, #183D00, #362200, #000200)
• Velvet Orchard color palette (#F6E2E8, #603B00, #003C4D, #190059, #0F0004)
• Amber Parlor color palette (#F7E098, #B68E00, #694F00, #362900, #201700)

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