Midnight Dreams

Midnight Dreams (#022535), Moody Teal (#477992), and Shiva Blue (#95d8fb) come together in this fathers-day palette, well suited to muted designs.

fathers-daymuted
Visualize
:root {
  --color-1: #022535;
  --color-2: #244d61;
  --color-3: #477992;
  --color-4: #6da7c5;
  --color-5: #95d8fb;
}

.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

Palette 8/14/20260
Duskwood51
Ingénue Blue50
Loyal Blue8
Ice Effect9
Freezy Breezy24
Wave Jumper21
Capital Blue13

Midnight Dreams FAQ

What colors are in Midnight Dreams?

Midnight Dreams uses 5 colors: Midnight Dreams, Rugged Teal, Moody Teal, Wandering River, Shiva Blue.

Is Midnight Dreams accessible for text and backgrounds?

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

How do I use Midnight Dreams in a project?

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