Blue Radiance

Blue Radiance (#55cbd7), Heisenberg Blue (#74cffa), and Python Blue (#3277aa) come together in this earthy palette, well suited to muted designs.

earthymuted
Visualize
:root {
  --color-1: #55cbd7;
  --color-2: #2ba0bb;
  --color-3: #74cffa;
  --color-4: #3277aa;
}

.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

Elite Green58
Freezy Breezy24
Palette 8/14/20260
Duskwood51
Sandalwood Grey Blue5
No Emissions Green56
Aqua Velvet31
Sherpa Blue46

Blue Radiance FAQ

What colors are in Blue Radiance?

Blue Radiance uses 4 colors: Blue Radiance, Sailfish, Heisenberg Blue, Python Blue.

Is Blue Radiance accessible for text and backgrounds?

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

How do I use Blue Radiance in a project?

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