Midnight Harbor color palette — #C9F3DD · #686100 · #003D6D · #290032 · #030100
A conversation between Olive and Navy, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#C9F3DD): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#686100): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#003D6D): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#290032): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged jewel, vibrant, 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
- Navy Alley color palette (#D4F5EC, #465D00, #001D9C, #280020, #020100)
- Shadow Onyx color palette (#FFE1ED, #894700, #003F41, #0D0047, #040001)
- Airy Olive color palette (#F5ECDB, #5A8600, #004F3C, #250049, #000200)
- Twilit Forest color palette (#D8F3DC, #005E28, #43454D, #15191E, #000705)
- Midnight Aubergine color palette (#CCEBE5, #1A6111, #250069, #130007, #000200)
- Moss Ridge color palette (#E8EDD6, #5E9C00, #00612C, #002119, #000201)
- Aged Mulberry Basin color palette (#D9FFF2, #7E8B00, #005DB9, #790067, #0E0400)
- Inked Navy Bloom color palette (#FFEBE1, #621300, #1B006A, #1B0023, #060001)
Browse the whole catalog at Explore, or see today's palette.