Grassy Green

Looking for a cinco-de-mayo palette? This one pairs Grassy Green (#4a9b00), Pink Pepper (#ed586b), and Clear Blue (#247eeb) for a vibrant result.

cinco-de-mayovibrant
Visualize
:root {
  --color-1: #4a9b00;
  --color-2: #4e9bff;
  --color-3: #ed586b;
  --color-4: #66b733;
  --color-5: #247eeb;
}

.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 Side10
Nosegay7
Sherpa Blue46
Pink Bubble Tea50
Mint Gala52
Rose Shadow54
Aqua Velvet31
No Emissions Green56

Grassy Green FAQ

What colors are in Grassy Green?

Grassy Green uses 5 colors: Grassy Green, Polar Glow, Pink Pepper, Yule Tree, Clear Blue.

Is Grassy Green accessible for text and backgrounds?

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

How do I use Grassy Green in a project?

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