Midnight Blue

Midnight Blue (#040033), Night in Manchester (#3a48aa), and Widowmaker (#92a8ff) come together in this new-years-eve palette, well suited to dark designs.

new-years-evedark
Visualize
:root {
  --color-1: #040033;
  --color-2: #1a1f70;
  --color-3: #3a48aa;
  --color-4: #5d73e8;
  --color-5: #92a8ff;
}

.ASE works in Adobe apps and several others that adopted the format. .sketchpalette imports into Sketch. .swatches (Procreate) follows a community-documented structure, since Procreate doesn't publish an official spec, so treat it as best-effort. .pptx is a real PowerPoint file with the palette applied as the deck's theme colors (not just two sample slides); Keynote opens .pptx files directly too.

Similar palettes

spage0
Eucalyptus Wreath41
Hello Summer117
Little Boy Blue22
High Tea19
Indigo Hamlet4
Mint Tonic7
Atlantic Gull15

Midnight Blue FAQ

What colors are in Midnight Blue?

Midnight Blue uses 5 colors: Midnight Blue, 20000 Leagues Under the Sea, Night in Manchester, Blue Öyster Cult, Widowmaker.

Is Midnight Blue accessible for text and backgrounds?

The highest-contrast pair in this palette is Midnight Blue on Widowmaker, at 8.8:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Midnight Blue in a project?

Copy the hex codes above, or open Midnight Blue in the generator to remix it and export as CSS, Tailwind, or JSON.