Heisenberg Blue

Heisenberg Blue (#70d2f0), Picton Blue (#5aa1d1), and Jordy Blue (#7ca2e1) come together in this seasonal palette, well suited to fresh designs.

seasonalfresh
Visualize
:root {
  --color-1: #70d2f0;
  --color-2: #0f759a;
  --color-3: #5aa1d1;
  --color-4: #6ea4dc;
  --color-5: #7ca2e1;
}

.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

Cosmos Blue67
Loyal Blue8
Ingénue Blue50
Ice Effect9
Wave Jumper21
Duskwood51
Capital Blue13
Integrity37

Heisenberg Blue FAQ

What colors are in Heisenberg Blue?

Heisenberg Blue uses 5 colors: Heisenberg Blue, Mitchell Blue, Picton Blue, Greek Sea, Jordy Blue.

Is Heisenberg Blue accessible for text and backgrounds?

The highest-contrast pair in this palette is Heisenberg Blue on Mitchell Blue, at 3.0:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Heisenberg Blue in a project?

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