Midnight Harbor color palette — #E0EBFD · #A78C00 · #151972 · #0B0718 · #00000B
A conversation between Deep Indigo and Mustard, giving this palette its sense of nature and growth.
The five colors
- Frost (#E0EBFD): A whisper-light, dusty violet — the color of twilight just after sunset.
- Mustard (#A78C00): A luminous, balanced green — the color of new leaves after rain.
- Deep Indigo (#151972): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#0B0718): A deep, shadowed, dusty violet — the color of wild irises.
- Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.
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
- Cellar Loft color palette (#DEE1F0, #63A04F, #37006C, #0E0416, #020007)
- Muted Amber color palette (#E4F2FF, #D46D37, #002D4E, #0A0B14, #000104)
- Inked Lagoon color palette (#FBE4F6, #7B6D00, #080063, #01001E, #050004)
- Sunlit Nightshade Meadow color palette (#F1F5FF, #C6CC4D, #4842B8, #19005F, #00000C)
- Gentle Garnet color palette (#F2EAFF, #99AD49, #651351, #311C15, #14000E)
- Patina Lapis Thicket color palette (#EDE0E9, #E16A83, #3B2FDE, #1A1F5B, #050004)
- Linen Veranda color palette (#F5F4FF, #A5C97D, #702F84, #2A0035, #010008)
- Aubergine Loft color palette (#EDEDF5, #D1CDDB, #B39DBB, #63249B, #02010B)
Browse the whole catalog at Explore, or see today's palette.