Midnight Harbor color palette — #DDE5FB · #6863D7 · #271C41 · #1B0F1C · #030018
Cornflower Indigo and Deep Indigo set the tone — five colors that lean into creativity and depth.
The five colors
- Frost (#DDE5FB): A whisper-light, dusty violet — the color of wild irises.
- Cornflower Indigo (#6863D7): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#271C41): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#1B0F1C): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#030018): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Depth, Luxury. 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
- Muted Iris color palette (#F2F5FF, #8D79D2, #313150, #0A0C25, #000104)
- Antique Indigo color palette (#E7EEFE, #7577FF, #62486E, #252F46, #01050B)
- Inked Cobalt color palette (#D4E9F8, #0080B0, #0C263E, #130D13, #00040A)
- Moonless Summit color palette (#EBECFF, #7834B8, #34221C, #1E0526, #020006)
- Inked Plum color palette (#E8E1FC, #A650A0, #3C122E, #201318, #0B000A)
- Midnight Grape color palette (#F8E3F0, #4C22D3, #1D1333, #1F170F, #13030E)
- Soft Boulevard color palette (#F5F4FF, #B86FD1, #D44E4F, #006CBF, #190021)
- Lapis Villa color palette (#F3D8E9, #4900E5, #552800, #2E0D18, #0C0208)
Browse the whole catalog at Explore, or see today's palette.