Few colors carry the weight of both nature and luxury the way emerald green does.
Emerald green is a cool secondary color that combines blue and yellow pigments, leaning toward the blue side of the green spectrum. The color signals growth, sophistication, and prosperity, and sits between cyan and pure green on the color wheel with RGB values typically around (80, 200, 120).
Its jewel-tone depth makes it a go-to in interior design, fashion, branding, and graphic design alike.
This guide covers everything from hex codes and color palettes to psychology, complementary pairings, and how to mix it across different mediums.
Emerald Green Color Codes
Emerald green sits at a specific point on the color theory spectrum, a cool-toned jewel shade with strong green dominance and a blue lean. Its technical values vary slightly depending on the standard used, but the most widely referenced version is #50C878.
- HEX: #50C878
- RGB: 80, 200, 120 (Red: 80 | Green: 200 | Blue: 120)
- CMYK: C: 60% | M: 0% | Y: 40% | K: 22%
- HSL: Hue: 140deg | Saturation: 52% | Lightness: 55%
The RGB breakdown shows green at nearly 78% intensity, which explains the vibrancy. The blue component (around 47%) pushes it cool rather than warm. No red dominance, which keeps it clean and saturated.
In CMYK, the 60% cyan pull reinforces that blue-leaning quality. Useful to know when prepping files for print design, since the shift from screen to paper can dull the intensity if you’re not careful.
The hue angle of 140deg places emerald green squarely in cool green territory on the color wheel, between pure green (120deg) and cyan (180deg). That positioning is what gives it the slightly aquatic quality that separates it from warmer greens like olive or lime.
The Pantone equivalent most closely associated with emerald green is PMS 3278 C (HEX #009B77) in professional contexts, though Pantone 17-0145 TCX was named Color of the Year in 2013 and cemented emerald’s place in modern design culture.
If you need to convert between formats for a project, tools like an RGB to HEX converter or a HEX to RGB converter make that fast. For print work specifically, running values through an RGB to CMYK converter before sending to press is worth the extra step.
—
Emerald Green Color Palettes
Emerald green has strong color relationships across the wheel. Whether you’re building a complementary color scheme or a full tetradic color scheme, this shade plays well with a wide range of partners.
| Harmony Type | Colors |
|---|---|
| Complementary | #50C878 #C850A0 |
| Split Complementary | #50C878 #7850C8 #C87850 |
| Triadic | #50C878 #7850C8 #C87850 |
| Tetradic | #50C878 #50A0C8 #C850A0 #C8A050 |
| Analogous | #50C878 #50C8A0 #78C850 |
| Monochromatic | #1A4D2E #2E8B57 #50C878 #8FE0AA |
—
Emerald Green Shades
Emerald green covers multiple variations including deep jewel emerald, bright spring emerald, soft mint-adjacent tones, dark forest-leaning emerald, muted sage emerald, and pale tinted emerald.
Each variation differs in saturation and brightness composition, with some leaning lighter toward white and others darker toward black, creating distinct effects across applications.
| Shade Name | Colors | HSL Value | RGB Value |
|---|---|---|---|
| Pale Emerald Tint | #C8F0DA | hsl(140, 55%, 87%) | rgb(200, 240, 218) |
| Light Emerald | #8FE0AA | hsl(140, 55%, 72%) | rgb(143, 224, 170) |
| Standard Emerald Green | #50C878 | hsl(140, 52%, 55%) | rgb(80, 200, 120) |
| Medium Dark Emerald | #2E8B57 | hsl(146, 50%, 36%) | rgb(46, 139, 87) |
| Deep Emerald | #1A6640 | hsl(146, 59%, 25%) | rgb(26, 102, 64) |
| Dark Emerald | #0A3320 | hsl(150, 66%, 12%) | rgb(10, 51, 32) |
—
What Are the Primary Attributes of Emerald Green?
Emerald green has five primary attributes: a cool blue-leaning hue (derived from chromium in the natural gemstone), high saturation (vivid and punchy), medium-high lightness (not dark, not pale), strong jewel-tone character (associated with luxury), and a clear nature connection (evoking growth and vitality).
—
How Is Emerald Green Used in Interior Design?
Emerald green works as a bold statement color in interior design, creating rich, grounded spaces that feel both energized and calm.
Designers use it for accent walls, upholstered furniture, curtains, and kitchen cabinetry to build sophisticated, nature-adjacent environments that add depth without closing a room in.
It works well across Art Deco-inspired interiors, maximalist spaces, and even certain minimalist rooms when used sparingly as a single focal piece. Paired with gold hardware or natural wood tones, the result tends to feel expensive without much effort.
One thing worth knowing: lighting hits emerald differently depending on the undertone. In warm artificial light, it can shift slightly toward a yellow-green. In cooler north-facing rooms, the blue undertone shows up more. Worth testing a large sample before committing to a full wall.
—
What Psychology and Emotions Does Emerald Green Evoke?
Emerald green evokes feelings of calm, renewal, confidence, and prosperity through its deep ties to nature and gemstone symbolism.
Color psychology research shows emerald green reduces anxiety, promotes emotional balance, and creates grounded environments that support focus and well-being. Its duality, calming yet energizing, makes it useful across both therapeutic and high-performance design contexts.
Historically, ancient Egyptians saw it as a symbol of fertility and rebirth. Romans tied it to wealth and power. That cultural weight still carries into how people respond to the color today, often without realizing it.
—
How Is Emerald Green Applied in Fashion and Clothing?
Emerald green works as both a statement and a wardrobe staple in fashion, offering depth and richness across dresses, suits, outerwear, and accessories.
Fashion designers use it for its versatility across skin tones, its ability to read formal or casual depending on fabric, and its capacity to shift between seasons without feeling out of place. It’s a reliable choice for evening wear and has had strong runway presence in recent years.
It pairs naturally with gold, ivory, black, and navy blue. For everyday use, emerald green as a single bold piece against neutral tones tends to work well without overthinking it.
—
What Colors Complement and Contrast With Emerald Green?
Emerald green complements gold, cream, navy blue, blush pink, and warm burgundy while contrasting effectively with magenta, red-purple, and deep coral.
These color palette combinations create rich, balanced results that use emerald green’s jewel-tone character for visual impact.
Complementary Colors
Emerald Green + Gold
- Color Theory Basis: Warm-cool contrast. Gold’s yellow base pulls against emerald’s cool blue-green, creating natural tension that reads as luxurious.
- Visual Effect: Rich, opulent, and formal without feeling heavy.
- Best Applications: Branding, interior design, wedding palettes, packaging.
- Ratio Recommendations: 60% emerald, 30% neutral, 10% gold accent.
- Example Uses: Jewelry brand identity, hotel interiors, formal invitation design.
Emerald Green + Cream
- Color Theory Basis: Saturated color paired with a near-neutral creates breathing room and lets emerald lead.
- Visual Effect: Soft, elegant, and approachable. Less dramatic than black pairings.
- Best Applications: Web design, wedding decor, editorial layouts.
- Ratio Recommendations: 70% cream, 30% emerald.
- Example Uses: Spa branding, lifestyle product packaging, invitation suites.
Emerald Green + Navy Blue
- Color Theory Basis: Both are cool, deep tones that sit close enough on the wheel to feel cohesive rather than combative.
- Visual Effect: Serious, sophisticated, and grounded.
- Best Applications: Corporate branding, fashion, interior design.
- Ratio Recommendations: Equal split, or navy dominant at 60%.
- Example Uses: Finance brands, menswear, dark-mode UI design.
Emerald Green + Blush Pink
- Color Theory Basis: Cool jewel tone meets a muted warm tone. The contrast is gentle because blush has low saturation.
- Visual Effect: Fresh, slightly romantic, and modern.
- Best Applications: Wedding design, beauty branding, social media graphics.
- Ratio Recommendations: 50% blush, 30% white, 20% emerald.
- Example Uses: Floral brand identity, event design, lifestyle blog visuals.
Contrasting Colors
Emerald Green + Magenta
- Contrast Type: Near-complementary. Magenta sits roughly opposite emerald on the color wheel.
- Visual Impact: Bold, high-energy, and attention-grabbing.
- Best Applications: Poster design, social media graphics, event branding.
- Balance Strategies: Keep magenta as a small accent (under 15%) to avoid overwhelming the composition.
Emerald Green + Deep Coral
- Contrast Type: Split-complementary variation.
- Visual Impact: Energetic and warm, with a tropical or festive quality.
- Best Applications: Summer campaigns, food and beverage packaging, editorial work.
- Balance Strategies: Use coral sparingly as a highlight, with emerald as the dominant base.
Emerald Green + Bright Red
- Contrast Type: High-contrast, culturally loaded pairing (reads as Christmas if used without care).
- Visual Impact: Maximum contrast and visual tension.
- Best Applications: Holiday design, bold editorial work.
- Balance Strategies: Shift red toward burgundy or deep wine to reduce the holiday association.
Color Scheme Types
- Monochromatic: Use tints and shades of emerald from near-white pale green down to deep forest tones. Cohesive and easy to execute. Works well in interior design and editorial layouts.
- Analogous: Pair with adjacent colors on the wheel, like teal and jade green. Low-contrast and naturalistic.
- Triadic: Combine with purple-blue and warm orange for a dynamic three-way balance. Requires restraint.
- Split-Complementary: Use with red-purple and red-orange instead of pure magenta. Slightly more forgiving than straight complementary.
- Tetradic: Combine emerald with teal, magenta, and gold for a full four-color scheme. Needs a clear dominant color and strong neutrals to hold it together.
Practical Pairing Guidelines
- 60-30-10 Rule: Emerald as the 60% dominant, a neutral (cream, white, or charcoal) at 30%, and a metallic or contrasting accent at 10%.
- Accent Color Strategy: Use emerald as the 10% accent on a neutral base for a restrained, high-end look. Works especially well in branding and UI.
- Neutral Bridging: When pairing emerald with bold colors, run a neutral (warm gray, off-white, or black) between them. It reduces clash and gives the eye a place to rest.
—
How Does Emerald Green Differ From Similar Cool Colors?
Emerald green differs from forest green (darker, earthier, lower saturation), hunter green (deeper with brown-black undertones), jade green (softer, slightly grayer), and teal (more blue, lower green dominance) through its specific balance of high saturation, medium-high lightness, and strong blue-cool undertone that creates its distinctive jewel quality.
| Color Name | HEX Code | RGB Values | Key Difference | Best Use Case |
|---|---|---|---|---|
| Emerald Green | #50C878 | 80, 200, 120 | Baseline: bright, jewel-toned, cool blue lean | Branding, fashion, interior accents |
| Forest Green | #228B22 | 34, 139, 34 | Darker, more neutral, slight cool cast | Outdoor brands, environmental themes |
| Hunter Green | #355E3B | 53, 94, 59 | Darker, muted, brown-black undertones | Traditional interiors, menswear, moody palettes |
| Jade Green | #00A86B | 0, 168, 107 | Softer, slightly grayer, less vivid | Wellness brands, subtle accents |
| Teal | #008080 | 0, 128, 128 | Blue and green in equal balance, cooler overall | Tech branding, healthcare, UI design |
—
How Do You Create Emerald Green in Different Mediums?
Create emerald green by mixing phthalo green with a small amount of phthalo blue in paint, using HEX #50C878 in digital design, or setting RGB values to approximately (80, 200, 120) in screen-based applications, ensuring green dominance drives the mixture for accurate color reproduction.
Acrylic Paint
Start with phthalo green as your base. Add a touch of phthalo blue to push the cool lean. A very small amount of cadmium yellow light can brighten without killing the saturation.
- Base colors: Phthalo Green (PG7), Phthalo Blue (PB15), Cadmium Yellow Light (optional)
- Mixing ratios: Roughly 80% phthalo green, 15% phthalo blue, 5% yellow (adjust to taste)
- Common mistakes: Adding white too early, which desaturates fast and gives you mint. If you need to lighten, use a very small amount and accept some saturation loss.
- Adjustment tips: If it reads too blue, add yellow. Too warm, add more phthalo blue. Check in natural light.
Oil Paint
Viridian (PG18) is the classic starting point. It already has that cool blue-green base. Add a little lemon yellow to brighten and push toward the vivid emerald range.
- Pigments: Viridian (PG18) or Phthalo Green, Lemon Yellow (PY3)
- Technique: Mix on palette, not on canvas. Oils are slow-drying, so the colors will continue to blend slightly after application.
- Drying shift: Some phthalo-based mixes can darken very slightly as they dry. Test on a scrap surface.
Watercolor
Transparent pigments work better here than opaque ones. Phthalo Green with a small wash of lemon yellow gets you close. Layer washes carefully since watercolor is unforgiving once it goes dark.
- Pigment selection: Phthalo Green (PG7) + Lemon Yellow (PY175) for clean, transparent mixes
- Dilution: Start more diluted than you think you need. You can always add layers.
- Layering: Build with 2-3 glazes rather than one heavy application for more depth and control.
Gouache
Similar to acrylic but with opaque, matte results. Phthalo Green plus a small yellow works well. Unlike watercolor, you can go over mistakes with opaque layers, which makes it more forgiving. Avoid over-mixing or the paint gets chalky.
Print / CMYK
- Cyan: 60%
- Magenta: 0%
- Yellow: 40%
- Black: 22%
- Printing considerations: Coated paper holds the saturation much better than uncoated. On uncoated stock, expect the color to dull slightly and shift warmer. Always request a press proof before a full print run.
- Pantone matching: PMS 3278 C is the closest standard match for professional color consistency across vendors.
For working between digital and print formats, running your values through a CMYK to RGB converter or HSL to RGB converter saves time and reduces guesswork.
—
What Are the Best Practices for Using Emerald Green in Design?
Best practices for emerald green include testing it against your intended background before committing, pairing it with neutrals to avoid visual overload, checking color contrast ratios for accessibility, and matching it to your brand’s tone rather than using it just because it’s trending.
Designers should consider how lighting will affect the perceived hue in physical applications, avoid saturating a full composition with it (it can dominate fast), and ensure sufficient contrast when using emerald green text or UI elements against green backgrounds.
In web design, emerald green CTAs on white or light backgrounds perform well for click-through visibility. In packaging design, it signals premium quality, organic positioning, or luxury depending on what it’s paired with.
Using a color palette generator to build out a full scheme around emerald, rather than choosing supporting colors by eye, tends to produce more balanced results. Also worth understanding the visual hierarchy implications: emerald green draws attention, so placing it on your most important element makes sense.
—
What Role Does Emerald Green Play in Branding and Marketing?
Emerald green plays a strong role in branding and marketing, communicating luxury, sustainability, and emotional well-being to consumers.
Marketing data indicates that emerald green increases perceived premium quality, making it effective for wellness, beauty, finance, and luxury goods sectors seeking an authoritative yet approachable brand identity.
Cartier and Tiffany & Co. have both incorporated emerald green to signal high-end quality with a nod to environmental values. That dual positioning, opulence plus sustainability, is increasingly rare in brand color selection and part of what makes emerald green useful strategically.
It’s also worth knowing how to communicate color precisely when working across vendors or teams. Brushing up on graphic design terms around color specification helps avoid miscommunication between designers, printers, and developers. Referencing a thorough list of color names also helps when clients describe what they want in vague terms like “deep green” or “jewel tone green.”
In visual identity work, emerald green sits in a category alongside deep navy and burgundy as a color that communicates stability and refinement without the coldness of black or the generic safety of medium blue. For brands that want to signal confidence and quality simultaneously, it remains one of the stronger options available.
FAQ on Emerald Green Color
What Is the Hex Code for Emerald Green?
The most widely used hex code for emerald green is #50C878. Some standards reference #009B77 (Pantone PMS 3278 C) for professional print work. The right code depends on your medium, screen or print.
What Colors Go With Emerald Green?
Emerald green pairs well with gold, navy blue, ivory, blush pink, and burgundy. These combinations balance its cool jewel-tone depth with warmth or neutrality, creating cohesive palettes across interior design, fashion, and branding.
What Does Emerald Green Symbolize?
Emerald green symbolizes growth, prosperity, and renewal. It carries strong associations with luxury and nature. Historically linked to wealth in ancient Egypt and Rome, it remains a go-to color for premium branding and high-end design today.
Is Emerald Green a Warm or Cool Color?
Emerald green is a cool color. Its blue undertone pushes it away from warm yellow-greens like olive or lime. On the color wheel, it sits between pure green (120deg) and cyan (180deg), confirming its cool classification.
What Is the Difference Between Emerald Green and Forest Green?
Forest green is darker and more muted, with a lower saturation level. Emerald green is brighter, more vivid, and has a stronger blue lean. Forest green reads earthy and grounded; emerald reads polished and jewel-toned.
What Is the RGB Value of Emerald Green?
The standard RGB value for emerald green is (80, 200, 120). Green dominates at nearly 78% intensity, with blue adding a cool lean at around 47%. Red stays low, which keeps the color clean and saturated rather than warm or muddy.
How Do You Make Emerald Green Paint?
Mix phthalo green with a small amount of phthalo blue. Add a touch of lemon yellow to brighten if needed. In acrylics, avoid white early on as it quickly shifts the mix toward a pale, desaturated mint green.
What Is the CMYK Value for Emerald Green?
The CMYK breakdown is C: 60%, M: 0%, Y: 40%, K: 22%. The high cyan value reinforces its cool blue-green quality. For accurate print reproduction, always test on coated stock first, since uncoated paper tends to dull the saturation noticeably.
Is Emerald Green Good for Interior Design?
Yes. Emerald green works well as an accent wall color, upholstery choice, or cabinetry finish. It adds depth and richness without closing a room in. It pairs especially well with gold hardware, natural wood, and neutral linens for a balanced, grounded result.
What Pantone Color Is Emerald Green?
The closest standard match is Pantone PMS 3278 C (HEX #009B77). Pantone also named a version of emerald green its Color of the Year in 2013 under Pantone 17-0145 TCX, which helped cement the shade’s place in mainstream design culture.
Conclusion
This conclusion is for an article presenting emerald green color as one of the most versatile and purposeful shades in design, fashion, and branding.
From its precise CMYK and HSL values to its strong color psychology ties, emerald green is rarely a passive choice. It communicates something specific every time it shows up.
Whether you’re building a color palette around its jewel-tone depth, mixing it in acrylics, or using it as a brand identity anchor, the principles stay the same.
Know your hex codes. Understand its cool undertone. Pick your pairings with intention.
Emerald green rewards deliberate use. Applied well, it’s one of the few colors that reads both grounded and refined at the same time.
- Canva vs Figma: Which Should Designers Actually Use? - 6 August 2026
- The Dualshockers Logo History, Colors, Font, And Meaning - 4 August 2026
- Elegant Cormorant Garamond Font Pairing Inspiration - 3 August 2026