Midnight Harbor color palette — #F6E7F3 · #214DE3 · #3C1825 · #1B0E1A · #020909
A conversation between Cobalt and Onyx, giving this palette its sense of creativity and energy.
The five colors
- Blush (#F6E7F3): A whisper-light, dusty pink — the color of peonies in June.
- Cobalt (#214DE3): A full-bodied, vivid violet — the color of a velvet chair.
- Onyx (#3C1825): A deep, shadowed, dusty rose — the color of pressed rose petals.
- Ink (#1B0E1A): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#020909): a grounded near-black with real depth.
Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.
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
- Antique Grove color palette (#F4DDE9, #7151DE, #432A2D, #271B21, #120A0D)
- Inked Petrol color palette (#D7F8EF, #0066A9, #381A2A, #061713, #010504)
- Obsidian Nightshade color palette (#F2DCEB, #3500C2, #1D0021, #060D11, #090006)
- Twilit Quarry color palette (#F2E6FC, #8200B9, #3C041F, #1C040D, #060001)
- Patina Iris color palette (#D6E0EF, #7497EF, #5C5E82, #303D52, #050E17)
- Tempered Pier color palette (#FFECF0, #A25DAF, #4A3733, #322427, #1A1314)
- Moonless Aubergine Grove color palette (#FFE1ED, #594700, #4A0089, #211806, #17000D)
- Patina Orchid color palette (#FFD8E8, #A069EF, #176E0B, #005C49, #3E202E)
Browse the whole catalog at Explore, or see today's palette.