Midnight Harbor color palette — #D9EEF8 · #006384 · #002D44 · #1D1518 · #000811
Peacock and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D9EEF8): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006384): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002D44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#1D1518): a grounded near-black with real depth.
- Ink (#000811): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, 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
- Cerulean Pier color palette (#DDF2FF, #0088AF, #004B6F, #001D30, #000204)
- Ancient Sky color palette (#E5F4FF, #6FB4FF, #0074AF, #003B65, #000F23)
- Lowlit Denim Loft color palette (#D4DFEC, #00599F, #4F1000, #001F3D, #040002)
- Ultramarine Meadow color palette (#E5F1FF, #5A99F8, #0056AF, #00284F, #000412)
- Inked Field color palette (#DEEFD2, #6B5F00, #005A7A, #090C12, #000103)
- Eclipse Ultramarine color palette (#EAE9FF, #454EC1, #2F007E, #240B0E, #060020)
- Muted Driftwood color palette (#F3EFFF, #DDBBE8, #A268A7, #693E6A, #201A36)
- Aged Workshop color palette (#EEF1FF, #B8AFF2, #7568C4, #422E71, #110E32)
Browse the whole catalog at Explore, or see today's palette.