PALETTE COLLECTION

Midnight Gallery

Deep & electric — curated color system with hex codes.

Deep Onyx#191C1D
Electric Cobalt#1B31E7
Periwinkle Mist#BDC2FF
Gallery White#F8F9FA
Burnt Ember#932F00

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.

Best forDark-mode interfaces, hero sections, product launches that need presence
Creative agenciesPhotography & portfoliosMusic & streamingPremium SaaS

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

  1. 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.
  2. 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.
  3. 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.

✔ WCAG AA Compliant
Aa

Deep Onyx

17.1 : 1

Pass
Aa

Electric Cobalt

8.0 : 1

Pass
Aa

Periwinkle Mist

1.7 : 1

Low
Aa

Gallery White

1.1 : 1

Low
Aa

Burnt Ember

7.9 : 1

Pass

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.