Midnight Harbor color palette — #FFE9D9 · #525B00 · #00382C · #260029 · #000200

Olive takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFE9D9): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#525B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#00382C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#260029): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged retro, 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

• Obsidian Fern Lagoon color palette (#D3F9E8, #4B4D00, #002D44, #250011, #040001)
• Onyx Pier color palette (#F8E8D1, #794800, #263400, #110045, #030100)
• Velvet Field color palette (#D6E8DB, #5F7100, #00430F, #271D00, #000402)
• Charred Dune color palette (#E4EFE3, #3C4048, #01430B, #10151A, #000907)
• Hazy Pine color palette (#EBEEDB, #148043, #00525B, #3F0323, #12021B)
• Aubergine Field color palette (#F5E2C5, #5F7E00, #00593E, #36006F, #011000)
• Worn Navy Coast color palette (#FFE5DB, #007472, #003C6F, #390F00, #000709)
• Hushed Olive color palette (#DBEFD7, #A48A00, #358100, #00565A, #000301)

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