Accessible CSS Gradient Generator

← All Posts

The Ultimate Guide to Green Color Names With Hex Codes

Defining the Primary Color Spectrum

Green is the color of life, nature, and renewal. It is a highly versatile hue that balances energy and serenity perfectly. In web design and digital branding, green is frequently used to convey sustainability, growth, health, and financial security. In this guide, we dive deep into the diverse spectrum of green hues, providing their exact names and hexadecimal codes to drop straight into your modern CSS styling workflows.

#228B22 #50C878 #98FB98 #808000

#228B22 Forest Green

#50C878 Emerald Green

#98FB98 Pale Green

#808000 Olive

Deep and Imperial Woods

Deep, rich greens pull inspiration from ancient woodlands and premium gemstones. These dark variations offer high contrast and sophisticated weight, making them excellent choices for luxurious corporate identity designs, traditional interfaces, and dark-mode accents.

#004B23 #013220 #0B6623 #1A2421

#004B23 Deep Green

#013220 Dark Green

#0B6623 Evergreen

#1A2421 Hunter Green

Vibrant Tropical and Neon Tones

When green is mixed with a higher concentration of yellow, it transforms into a striking, high-energy palette. These brilliant shades capture attention instantly and are ideal for actionable user interface elements like success badges, validation states, conversion buttons, and modern hero accents.

#00FF00 #32CD32 #7FFF00 #ADFF2F

#00FF00 Lime Green (Pure)

#32CD32 Lime Green (Web)

#7FFF00 Chartreuse

#ADFF2F Green Yellow

Soft, Fresh, and Pastel Greens

Light, desaturated greens introduce a breath of fresh air into digital products. They invoke immediate thoughts of cleanliness, minty freshness, and calm mornings. These colors serve beautifully as card backgrounds, secondary warning/success wrappers, or subtle app banners.

#98FF98 #AAF0D1 #E0EEE0 #F0FFF0

#98FF98 Mint Green

#AAF0D1 Magic Mint

#E0EEE0 Honeydew (Darker)

#F0FFF0 Honeydew (Web)

Earthy, Camouflage, and Sage Tones

Muted, gray-heavy, and olive-tinted greens give off a rustic, organic, and highly natural aesthetic. They strip away aggressive vibrancy in favor of a down-to-earth tone, perfect for sustainable e-commerce brands, organic lifestyle blogs, and minimalistic layout schemes.

#556B2F #8FBC8F #BCB88A #4B5320

#556B2F Dark Olive Green

#8FBC8F Dark Sea Green

#BCB88A Sage Green

#4B5320 Army Green

Aqua-Marine and Teal Crosses

When green parameters blend seamlessly into cold blue wavelengths, they form highly striking coastal palettes. These colors represent crisp, clean currents and marine wildlife. They act as exceptional bridge colors for tech companies wanting an option that is both highly technical and naturally calm.

#00A86B #20B2AA #66CDAA #00A699

#00A86B Jade Green

#20B2AA Light Sea Green

#66CDAA Medium Aquamarine

#00A699 Teal Green

Explore More Colors

Looking for inspiration beyond green?

Create accessible color systems with design-token support and Tailwind exports using the TrueCSSApp Gradient Generator