Midnight Harbor color palette — #E5F4E7 · #00724D · #004139 · #001C1F · #00060A
A conversation between Pine and Forest, giving this palette its sense of sophistication and depth.
The five colors
- Cream (#E5F4E7): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#00724D): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004139): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001C1F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00060A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: 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
- Lagoon Parlor color palette (#D6E3D8, #00916C, #006156, #00383C, #00141C)
- Moonless Balcony color palette (#CAF5F8, #007A8A, #003F49, #001619, #000202)
- Dusty Balcony color palette (#DFF0F5, #006967, #8B0030, #003130, #0A0001)
- Weathered Alley color palette (#EEECD9, #5C6C00, #184B00, #00230D, #000704)
- Indigo Orchard color palette (#CEFAF9, #5CACC6, #5F70D2, #005136, #000A0D)
- Nocturne Balcony color palette (#D3F7F7, #005456, #77002A, #5E000C, #000202)
- Linen Plum color palette (#F9DCC8, #C80066, #006C87, #070D13, #000103)
- Chestnut Alley color palette (#EEDCE6, #875500, #592400, #350005, #020200)
Browse the whole catalog at Explore, or see today's palette.