American Blue

American Blue (#3e3e6e), Cherry Ice (#df98a4), and Watermelon Red (#c03f47) come together in this fourth-of-july palette, well suited to bold designs.

fourth-of-julybold
Visualize
:root {
  --color-1: #3e3e6e;
  --color-2: #f3edef;
  --color-3: #df98a4;
  --color-4: #c03f47;
}

.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

Kitchen Blue28
Pink Currant43
Long Forgotten Purple52
Strawberry Frost59
Plum Caspia19
Navy Trim22
Altar of Heaven36
Theatre Blue32

American Blue FAQ

What colors are in American Blue?

American Blue uses 4 colors: American Blue, Dress Pink, Cherry Ice, Watermelon Red.

Is American Blue accessible for text and backgrounds?

The highest-contrast pair in this palette is American Blue on Dress Pink, at 8.6:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use American Blue in a project?

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