Midnight Harbor color palette — #D6E8DA · #007684 · #152B49 · #001F0C · #020C06

Teal and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D6E8DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007684): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#152B49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001F0C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020C06): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged noir, dark, luxury, 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

• Petrol Chapel color palette (#D8F3E9, #006FA8, #2A234C, #001A2C, #00090C)
• Muted Turquoise color palette (#C9E4F0, #00B5CA, #4B6892, #294652, #061416)
• Washed Cerulean Ridge color palette (#D2EAD9, #0097AC, #004B6D, #0D2E1B, #0B140A)
• Hushed Harbor color palette (#F9EEF4, #7876A8, #4E3437, #33232C, #131B1C)
• Obsidian Aubergine Corridor color palette (#F9E9EF, #645E6A, #3A0073, #2C131C, #0D0007)
• Obsidian Studio color palette (#FCEAF6, #4414F2, #300C35, #07072A, #000A06)
• Indigo Bloom color palette (#E7EAFF, #6E6FE0, #B84C00, #964600, #292B55)
• Nightshade Meadow color palette (#F4E5F2, #0409AE, #040D11, #11001B, #000011)

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