Free · No attribution required

Mental health awareness color

The mental health awareness ribbon is green. No organization owns a standard shade, so the values below are the ones this site uses. Copy them, or download the palette in the format your tool imports.

The color

Green, and the lime green variant

Click any value to copy it.

Green

The awareness ribbon

RGB31, 122, 69
HSL145, 59%, 30%
CMYK75 / 0 / 43 / 52

Lime green

The lighter variant, widely used

RGB125, 194, 66
HSL92, 51%, 51%
CMYK36 / 0 / 66 / 24

There is no official hex code. Mental Health America, NAMI and the Mental Health Foundation each use their own greens in their own branding, and no body registers or licenses an awareness color. Anyone telling you a single hex is "the" mental health green is guessing. Use these values, or match to whatever green your organization already uses.

We publish no Pantone number for the same reason. Take the CMYK values to your printer, or ask them to match the hex. Screen greens shift noticeably on paper, so pull a proof before a long run.

Download

Palette files

The full palette in the formats design tools actually import. Nothing to sign up for.

Adobe Swatch Exchange

.ase · Photoshop, Illustrator, InDesign

Import through the Swatches panel. Also opens in Affinity and Sketch.

Download .ase

GIMP & Inkscape

.gpl

Drop into your palettes folder and it appears in the swatch list.

Download .gpl

CSS variables

.css

Custom properties on :root, ready to drop into a stylesheet.

Download .css

Sass variables

.scss

One variable per color for Sass and SCSS projects.

Download .scss

JSON

.json

Names, roles, hex, RGB, HSL and CMYK for design tokens or scripts.

Download .json

Plain text

.txt

Every value in one readable list, for print specs or handoff notes.

Download .txt

Figma and Canva have no palette import format. Paste the hex values above, or use the JSON file with a tokens plugin.

Full palette

Every value

The two greens, plus the supporting tones used across every asset on this site. Indigo is our own choice, not part of the ribbon.

Green

Primary, the awareness ribbon

Deep Green

Links, hover states

Light Green

Accents on dark backgrounds

Lime

Highlights, the lime-green variant

Indigo

Headings

Deep Indigo

Footer, crisis bar

Periwinkle

Borders, tints

Ink

Body text

Warm White

Backgrounds

For developers

Paste this instead

/* Mental Health Awareness Month palette */
:root {
  --mham-green: #1F7A45;
  --mham-deep-green: #14522F;
  --mham-light-green: #9FD9B4;
  --mham-lime: #7DC242;
  --mham-indigo: #2E3A6E;
  --mham-deep-indigo: #1D2547;
  --mham-periwinkle: #B9C2E8;
  --mham-ink: #1B1D22;
  --mham-warm-white: #FAFBF9;
}

Before you use it

Contrast, and where each green works

Green #1F7A45 reaches a contrast ratio of 5.3:1 against white, so white text on it passes WCAG AA for body copy. Deep green #14522F reaches 9.2:1 and is the safer choice for links inside running text.

Lime green #7DC242 reaches only 2.2:1 against white. Do not set text in it or put white text on it. It works as a fill, a rule, a highlight behind dark text, or an accent on a dark background.

Red-green color vision deficiency is the most common kind, and it makes these two hard to tell apart. If a graphic uses green to carry meaning on its own, carry the same meaning in a label or a shape as well.

Colors people mix up with this one

Awareness ribbon colors are not registered anywhere, so published lists disagree with each other and one color often covers several causes. These three are the ones with consistent usage in this area:

GreenMental health awareness in general. This is the one for May.
Lime greenAlso mental health, and specifically children's mental health through the Green Ribbon Campaign.
Teal and purpleSuicide prevention and suicide loss. Related but not the same cause, and not interchangeable with green.

Beyond those, treat any ribbon color chart you find with suspicion. Purple alone is claimed by at least half a dozen unrelated causes, and no organization has the standing to settle it.