Midnight Harbor color palette — #E3E9FE · #006F56 · #18003F · #1D0C19 · #03000F
A conversation between Deep Indigo and Pine, giving this palette its sense of creativity and sophistication.
The five colors
- Frost (#E3E9FE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Pine (#006F56): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#18003F): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#1D0C19): A deep, shadowed, dusty pink — the color of a candy shop window.
- Black (#03000F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Sophistication, Depth, Luxury. Tagged luxury, 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
- Pine Quarry color palette (#E2DDEF, #04722B, #2E1410, #270027, #070006)
- Inked Onyx color palette (#DCE7F7, #6F5D00, #03004D, #180C1A, #000015)
- Aubergine Parlor color palette (#F6D9E5, #009F6D, #5D00AB, #1D003D, #060002)
- Olive Market color palette (#EAE3F3, #4B8D2F, #490036, #31170F, #180010)
- Weathered Aubergine Station color palette (#DEDAF2, #4F9F76, #4E1E55, #28002E, #0C0819)
- Tempered Onyx color palette (#E5DFEB, #A195A0, #866673, #500037, #0D0613)
- Ancient Aubergine color palette (#E9E7F9, #936E00, #470056, #2D131F, #0E0013)
- Timeworn Archive color palette (#FAF1FF, #9EB889, #6E4152, #382641, #24161E)
Browse the whole catalog at Explore, or see today's palette.