Green color meaning: symbolism, psychology and how to use it
#008000
oklch(0.52 0.177 142.5)
What green symbolizes
Green is the colour of living plants, so it stands first for nature, growth, renewal, health and freshness. It is also the colour of "go" at a traffic light, of permission and success on screen, and, thanks to banknotes in the United States, of money. More recently it has become the shorthand for environmental concern and sustainability. On the negative side, green is linked with envy ("green with envy"), inexperience ("greenhorn"), sickness and, in some contexts, toxicity.
Because green sits in the middle of the visible spectrum, daylight vision is most sensitive in the green part of the range. That sensitivity is one reason people notice quickly when a green in a design is slightly wrong: yellow-greens can look sickly, and blue-greens can look cold.
Green color psychology: what the research says
Claims that green is calming or restorative are common. The better-supported research is about nature, not about the hue: studies of views of greenery and time in natural settings report benefits for mood and stress in many cases, but it is hard to separate the effect of the colour from the effect of trees, light, quiet and space. A green wall in an office is not the same thing as a park.
A few findings and conventions about green are worth knowing. In many societies it has been trained as the colour for "go", "safe" and "correct", which is why a green tick or green status dot is understood immediately. In finance, green often signals gains in Western charts and the reverse in some East Asian markets, so the meaning depends on where the audience lives.
Green also gives the most common accessibility warning in colour design. Red-green colour vision deficiency is common enough, commonly cited at about one man in twelve in some populations, that a red/green pair is a poor way to show good versus bad. Use shape, labels or icons next to the colour, and make sure the two states differ in lightness.
Cultural meanings of green
- Islam and the Middle East. Green has long been associated with paradise and with the Prophet Muhammad in Islamic tradition, and appears on the flags of many Muslim-majority countries.
- Ireland. Green is the national colour, the "Emerald Isle", and the colour of St Patrick's Day.
- Western countries. Nature, spring, luck (the four-leaf clover), money in the United States, environmentalism, and envy or inexperience in idioms.
- China. Jade green is prized as a symbol of virtue and value. At the same time, a green hat is a well-known idiom for a cheated spouse, so green headwear can be a social blunder.
- India. Green is linked with harvest, fertility and new beginnings, and appears in the national flag; green glass bangles are worn by brides in parts of the country.
Green in branding and marketing
Green is the default colour for brands that want to show freshness, nature, health or sustainability: organic food, outdoor goods, wellness, energy and agriculture. Well-known examples are Starbucks, Spotify and Whole Foods. It is also used by finance and insurance for the idea of growth and money, and by software that wants a "go" association, such as payment confirmations.
Because green is so closely tied to environmental messaging, claims need to be backed up. A green logo on a product that is not sustainable can attract accusations of greenwashing, and many customers have learned to look for substance behind the colour.
In logo design, a deep forest green feels established and traditional, a bright emerald feels modern and confident, a lime or neon green feels youthful and tech-oriented, and an olive or sage feels natural and calm. Choose the hue and chroma for the personality you want, rather than "green" in general.
Green in UI and web design
In interfaces green is the standard for success, confirmation, "available" and "online". Users expect green ticks, green status dots and green primary action buttons in forms. Do not use green as the only signal: always add text or an icon, and keep the success colour distinct from the error colour in lightness as well as in hue.
For text and icons, plain #008000 has a WCAG ratio of about 5.1:1 on white, which passes AA for body text. Brighter greens like lime are far lighter and fail on white: they need dark text on top or a darker shade. In OKLCH, the hue range for what people call green is wide, from about 125 to 168, so you can move toward yellow-green for freshness or toward blue-green for calm while keeping the same lightness and chroma, which helps keep a set of status colours balanced.
In dark mode, saturated green on a dark background can glow harshly. Lower the chroma and raise the lightness a bit for text, and use deeper greens for filled areas. Charts need extra care: do not rely on green versus red; use lightness differences, patterns or labels.
Green hex code and color values
- HEX
- #008000
- RGB
- rgb(0 128 0)
- HSL
- hsl(120 100% 25%)
- OKLCH
- oklch(0.52 0.177 142.5)
This is the standard CSS value for green. See the full set of conversions, tints, shades and harmonies on its #008000 color page.
CSS custom property
:root {
--color-green: #008000; /* fallback */
}
@supports (color: oklch(0 0 0)) {
:root {
--color-green: oklch(0.52 0.177 142.5);
}
}Shades and tones of green
Light greens such as mint, sage and pistachio feel fresh, soft and gentle. Bright greens like lime and kelly green are energetic and playful. Mid greens like emerald and jade are confident and healthy, while dark greens such as forest, hunter and pine feel traditional, stable and affluent, a long-standing choice for clubs, banks and outdoor brands.
Yellow-leaning greens (chartreuse, olive, moss) feel organic, spring-like or military, depending on saturation. Blue-leaning greens (emerald, sea green) feel cooler and calmer, and are close to teal. Muted greens with low chroma feel natural and unforced; neon greens feel digital. Because the green family in the colour data is the one with the most visible internal variety, it is worth browsing named greens to find your exact tone.
Popular named shades, light to dark
- E9FFDB
Nyanza
- ADFF2F
Chestnut Shell
- 98FB98
Toxic Frog
- 7FFF00
Radium
- 7CFC00
Nuclear Waste
- 00FF7F
Guppie Green
- 90EE90
Ulva Lactuca Green
- 00FA9A
Atomic Spring
- 00FF00
Green
- AFD77F
Wasabi
- 9ACD32
Lucky Lime
- 8FBC8F
Tiki Monster
- 32CD32
Poisonous Pesticide
- 9AAE8C
Cardoon
- 3CB371
Medium Sea Green
- 7D9D72
Amulet
- 6B8E23
Scallion
- 398A59
Irish
- 2E8B57
Lake Green
- 228B22
Summer Forest Green
- 008000
Hulk
- 556B2F
Fig Leaf
- 006400
Cucumber
- 0D2E1C
Bush
The colour library has 2,230 named colours in the green family. Browse all green colors.
Contrast and accessibility
Green (#008000) has a WCAG contrast ratio of 5.13:1 against white and 4.08:1 against black. Normal-size text needs 4.5:1 for level AA and 3:1 is enough for large text and UI components.
Test any other combination in the contrast checker.
Green color palettes
Colors that go with green
The complement of green in OKLCH, with green near hue 143, lies around hue 323, in the pink and magenta range. Green and pink is a classic botanical pairing, as in flowers and leaves, and feels fresh and lively when the lightness is varied. Green and purple is another reliable combination.
Analogous colours are yellow (sunny, spring-like) and teal (calmer, aquatic). Green with brown is the natural, earthy palette; green with white or cream is clean and healthy; green with navy is traditional and established. Green with red is the Christmas pairing, and also the hardest one for colour-blind users, so if you use both, change their lightness as well as their hue.
Frequently asked questions
- What does the color green symbolize?
- Green most often symbolizes nature, growth, health, renewal and permission or success, and also money, envy and inexperience. In Islam it is associated with paradise, and in Ireland it is the national colour.
- What is the hex code for green?
- The CSS named colour green is #008000: rgb(0 128 0), hsl(120 100% 25%) and oklch(0.52 0.177 142.5). The brighter #00ff00 is called lime in CSS.
- Is green a good color for a logo?
- Yes for brands about nature, health, finance or growth. Be sure that environmental messaging is backed by real practices, and pick a hue and saturation that fit your personality, from forest green to neon.
- What colors go with green?
- Pink and magenta are its complement. Yellow and teal are analogous neighbours, and brown, white, cream and navy make natural and classic pairings.
- Does green really calm people?
- The evidence is more about time in nature than about the colour. Green is often described as restful, but research on the colour alone is mixed.