Midnight Gallery
Deep & electric — curated color system with hex codes.
About this palette
Midnight Gallery pairs near-black architectural surfaces with an electric cobalt that behaves like a spotlight in a dark room. The mood is confident and nocturnal — think contemporary art museum after hours rather than corporate lobby. It suits brands that want drama without noise: creative agencies, photography portfolios, music and streaming products, and premium tech launches. Use Deep Onyx and Gallery White as your structural pair, let Electric Cobalt own every interactive element, and save Periwinkle Mist and Burnt Ember for highlights that deserve a second look.
The psychology of Midnight Gallery
Midnight Gallery's psychology comes from the tension between Deep Onyx and Electric Cobalt. Near-black grounds make a single saturated blue feel luminous rather than loud, which taps the spotlight effect our brains reserve for high-contrast illumination. Periwinkle Mist cools the temperature of the whole system, and Burnt Ember adds a punctuation of warmth — a note of organic, almost ember-like energy set against an otherwise precise, engineered surface. The suite reads confident and nocturnal: a contemporary art museum after hours, not a corporate lobby.
Three ways to use Midnight Gallery
- A photographer's portfolio: put the work on Gallery White surfaces, and use Electric Cobalt only for hover states and next/prev arrows so interactive moments feel deliberate.
- A streaming or music product in dark mode: Deep Onyx backgrounds with Electric Cobalt primary buttons keep the interface itself invisible so the artwork stays the hero.
- A product launch page: use Burnt Ember for the badge and alert states and Periwinkle Mist for secondary data such as prices and dates, keeping the overall hierarchy calm.
Accessibility Check
Contrast ratios are computed against white using WCAG 2.1 relative luminance. Pairs marked “Pass” meet AA for normal body text.
Deep Onyx
17.1 : 1
Electric Cobalt
8.0 : 1
Periwinkle Mist
1.7 : 1
Gallery White
1.1 : 1
Burnt Ember
7.9 : 1
Related Collections
Use This Palette Well
Learn why it works
Curious about the harmony behind Midnight Gallery? Our guide to complementary, analogous and triadic schemes explains the geometry, and the complete color theory guide covers proportion with the 60-30-10 rule.
Check contrast before you ship
The ratios above cover text-on-white pairs. For full control, read WCAG Color Contrast Explained or generate your own variant in the palette generator and export it via the exporter.