Green Colors: Names, HEX Codes & Shades

Using green colors

• Success messages and confirmation states, with a check icon or label as well.
• Nature, health, finance and environmental themes.
• Buttons and backgrounds that need white text: choose a mid-dark green, not a bright one.
• Maps and charts, where several greens can separate categories if their lightness differs too.

Green and red are easily confused with red-green color blindness, so never use them as the only signal for pass and fail. Add text, icons or patterns.

For a calm, natural palette pair a muted green with warm neutrals. For an energetic one pair a bright green with dark gray.