Blue Ranger

A valentines-day 4-color palette built around Blue Ranger (#001983), Skinny Jeans (#5b8eff), and Banana Boat (#ffc334), with a bold feel throughout.

valentines-daybold
Visualize
:root {
  --color-1: #001983;
  --color-2: #795900;
  --color-3: #5b8eff;
  --color-4: #ffc334;
}

.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

Berry Blackmail25
Buddha Gold1
Maximum Purple32
Pale Petunia44
Jade Powder57
Betalain Red13
Cotton Candy Comet1
Love at First Sight52

Blue Ranger FAQ

What colors are in Blue Ranger?

Blue Ranger uses 4 colors: Blue Ranger, Blackfire Earth, Skinny Jeans, Banana Boat.

Is Blue Ranger accessible for text and backgrounds?

The highest-contrast pair in this palette is Blue Ranger on Banana Boat, at 8.9: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.