Midnight Harbor color palette — #DAF6DC · #006237 · #003A24 · #00150E · #000201
Pine and Deep Forest set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DAF6DC): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#006237): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#003A24): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00150E): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000201): quiet, heavy and certain.
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
- Timeworn Canyon color palette (#DCEBCB, #158518, #004B37, #001F1C, #000102)
- Smoked Fern color palette (#F1EEDB, #545000, #272C00, #0D1300, #010100)
- Twilit Nightshade color palette (#D7E6CF, #00594D, #2A00AB, #00251E, #01000A)
- Cypress Summit color palette (#D0F1EE, #007F81, #005258, #002930, #000C11)
- Navy Dune color palette (#C7EEE8, #004640, #00325D, #202600, #000201)
- Muted Lagoon Lagoon color palette (#D3E7E4, #00A1A5, #007992, #003E30, #000403)
- Inked Grape color palette (#E2F5E9, #5A09F3, #005B74, #050E0E, #000201)
- Jade Balcony color palette (#D2EDDD, #00BF91, #00846B, #00564B, #002C2A)
Browse the whole catalog at Explore, or see today's palette.