Midnight Harbor color palette — #CFECE7 · #2F6F0B · #260F85 · #330029 · #0B0100
Indigo and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#CFECE7): A whisper-light, dusty teal — the color of glacier melt.
- Olive (#2F6F0B): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#260F85): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#330029): A deep, shadowed, balanced pink — the color of neon signs at night.
- Ink (#0B0100): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged 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
- Inked Basin color palette (#CFE4DC, #555F00, #00356C, #300031, #0D0002)
- Aubergine Thicket color palette (#D0F6F7, #00694A, #420286, #390007, #0C0100)
- Chalky Grove color palette (#EFF3D9, #1C7118, #520056, #37003A, #2A0007)
- Muted Aubergine color palette (#B3EDEE, #00875B, #5700BD, #580500, #230100)
- Emerald Hollow color palette (#F0F6DC, #009347, #00585F, #00244C, #020200)
- Weathered Grove color palette (#DEE2C9, #148D22, #00597F, #570057, #1F0C00)
- Eclipse Onyx Terrace color palette (#CCF5FE, #004541, #320040, #171E17, #140300)
- Tempered Balcony color palette (#DCE4D1, #1C9063, #005F75, #571D23, #1A051A)
Browse the whole catalog at Explore, or see today's palette.