Midnight Onyx Harbor color palette — #D2F3F7 · #00617F · #002A68 · #15004C · #0F001D
Built around Deep Indigo, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D2F3F7): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#00617F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#002A68): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#15004C): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#0F001D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Midnight Onyx 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
- Midnight Onyx color palette (#C9E8FA, #005078, #002956, #01003D, #010009)
- Obsidian Orchard color palette (#D9F3FE, #0065AA, #220095, #1C003A, #110012)
- Cellar Loft color palette (#D5F3E1, #006B60, #003A40, #001923, #0A0021)
- Inked Aubergine color palette (#D7DFFE, #5558C3, #25007B, #040030, #01000F)
- Antique Plum Summit color palette (#F0E1F1, #A289D2, #AE3D72, #003B41, #080523)
- Midnight Nightshade color palette (#EDD9E4, #5035AB, #622E00, #23005D, #0E0300)
- Eclipse Navy color palette (#DEEDFF, #003E7C, #393500, #122508, #000207)
- Cellar Corridor color palette (#DEEEFF, #4C3DC9, #4B007D, #240023, #120009)
Browse the whole catalog at Explore, or see today's palette.