Blue Ranger

Blue Ranger (#001a81), Skies of Cyberspace (#4372dd), and Ice Cold Stare (#b5ceff) come together in this holiday palette, well suited to bold designs.

holidaybold
Visualize
:root {
  --color-1: #001a81;
  --color-2: #694d00;
  --color-3: #4372dd;
  --color-4: #cd9900;
  --color-5: #b5ceff;
}

.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

High Tea19
Hello Summer117
Indigo Hamlet4
Blithe112
spage0
Eucalyptus Wreath41
Atlantic Gull15
Megaman33

Blue Ranger FAQ

What colors are in Blue Ranger?

Blue Ranger uses 5 colors: Blue Ranger, Ayahuasca Vine, Skies of Cyberspace, Vivid Amber, Ice Cold Stare.

Is Blue Ranger accessible for text and backgrounds?

The highest-contrast pair in this palette is Blue Ranger on Ice Cold Stare, at 9.0:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Blue Ranger in a project?

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