Grape

A fourth-of-july 5-color palette built around Grape (#6d3861), Green Spool (#006274), and Garden Lettuce Green (#85742d), with a bold feel throughout.

fourth-of-julybold
Visualize
:root {
  --color-1: #6d3861;
  --color-2: #5e4f00;
  --color-3: #006274;
  --color-4: #cb8fbc;
  --color-5: #85742d;
}

.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

Brown Moelleux53
Prism Pink24
Cottage Cream31
Nugget41
Deli Yellow33
Chorizo43
Boy Red41
Sun Drops23

Grape FAQ

What colors are in Grape?

Grape uses 5 colors: Grape, Olive Brown, Green Spool, Moorland Heather, Garden Lettuce Green.

Is Grape accessible for text and backgrounds?

The highest-contrast pair in this palette is Grape on Moorland Heather, at 3.4:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Grape in a project?

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