Midnight Harbor color palette — #D6E6D6 · #007745 · #00412D · #001C16 · #000202
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D6E6D6): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#007745): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00412D): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001C16): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Patina Parlor color palette (#D8E7C6, #008A2E, #00432F, #00231F, #001012)
- Charred Abyss Field color palette (#C7F3E9, #00625D, #003134, #001013, #000102)
- Softworn Drift color palette (#F0E5C9, #738F00, #006742, #003636, #000E18)
- Nocturne Olive Grove color palette (#E7E1C3, #6B6900, #313B00, #0F1D00, #000300)
- Spruce Thicket color palette (#E3E4DB, #9DA486, #6F8644, #0F4200, #040500)
- Moss Pier color palette (#CDECD5, #4FA600, #008A4F, #005B4D, #000201)
- Ancient Terrace color palette (#D7F3F4, #0095A8, #006277, #00374D, #000D1A)
- Antique Teal color palette (#D5F3F0, #00B6BA, #007B89, #004858, #001F2C)
Browse the whole catalog at Explore, or see today's palette.