Pastel Blue

Looking for a fourth-of-july palette? This one pairs Pastel Blue (#a1c0ff), Resplendent Growth (#3c893e), and Lolly (#ff9791) for a bold result.

fourth-of-julybold
Visualize
:root {
  --color-1: #a1c0ff;
  --color-2: #b8514e;
  --color-3: #3c893e;
  --color-4: #5980d3;
  --color-5: #ff9791;
}

.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

Dark Eclipse12
Passionate Blue6
Apple Cinnamon22
Pico Void24
Tilted Red37
Cowgirl Boots40
Florida Waters3
Royal Ash19

Pastel Blue FAQ

What colors are in Pastel Blue?

Pastel Blue uses 5 colors: Pastel Blue, Blazer, Resplendent Growth, Berlin Blue, Lolly.

Is Pastel Blue accessible for text and backgrounds?

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

How do I use Pastel Blue in a project?

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