Midnight Harbor color palette — #F9E2D9 · #8A4D00 · #2F0002 · #131206 · #090000
Built around Coffee, softened by Ink — the whole palette hums with optimism and sophistication.
The five colors
- Rose Water (#F9E2D9): A whisper-light, dusty orange — the color of toasted spice.
- Coffee (#8A4D00): A full-bodied, balanced gold — the color of old brass.
- Ink (#2F0002): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Ink (#131206): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#090000): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged luxury, 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
- Bronze Courtyard color palette (#FAECD7, #896600, #1D2A2A, #271A00, #070400)
- Bronze Alley color palette (#F5EDE6, #A3988C, #916828, #442000, #120600)
- Deep Atelier color palette (#EAE2D3, #654200, #2B2300, #00120B, #060300)
- Olive Station color palette (#F4E6F8, #807700, #550023, #2A1313, #130004)
- Amber Chapel color palette (#EBDAD0, #BC7D24, #5C2100, #2A0B00, #090500)
- Wandering Garnet Veranda color palette (#F3DEDB, #6D953E, #7F1B45, #2E0013, #070000)
- Tempered Quarry color palette (#FFF2EC, #D98F39, #841C00, #4A0C00, #2A1408)
- Washed Chestnut color palette (#FBF4EC, #C6AA7A, #6F4800, #412800, #1F1E13)
Browse the whole catalog at Explore, or see today's palette.