Midnight Mirage

Explore this cool color palette featuring Midnight Mirage (#002340), North Atlantic Breeze (#3176b1), and Malmö FF (#a6d3ff) for a calm design aesthetic.

coolcalm
Visualize
:root {
  --color-1: #002340;
  --color-2: #3176b1;
  --color-3: #a6d3ff;
}

.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

Megaman33
Integrity37
Capital Blue13
Atlantic Gull15
Wave Jumper21
Ice Effect9
Loyal Blue8
Cosmos Blue67

Midnight Mirage FAQ

What colors are in Midnight Mirage?

Midnight Mirage uses 3 colors: Midnight Mirage, North Atlantic Breeze, Malmö FF.

Is Midnight Mirage accessible for text and backgrounds?

The highest-contrast pair in this palette is Midnight Mirage on Malmö FF, at 10.2:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Midnight Mirage in a project?

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