Evergreen
Meet Evergreen, #002E22. This profoundly deep green, bordering on black, offers a rich, saturated foundation. Its striking character comes from its ability to absorb light while retaining a distinct verdant quality, making it a compelling choice for any palette.
What color is Evergreen?
Evergreen is a profound, dark green with cool, blue undertones, reminiscent of the deep shade found in a dense pine forest.
It's a color of low saturation and value, sitting near the black end of the spectrum while maintaining its rich green character.
What is the psychological meaning of the color Evergreen (#002E22)?
Evergreen symbolizes endurance and renewal, drawing from the resilience of perennial forests.
It also suggests prosperity and sophistication, often linked to wealth and ambition.
What are the best practices for using Evergreen in UI design?
In UI design, Evergreen’s depth makes it a strong choice for a primary or accent color. Pair #002E22 with light neutrals like off-white or soft grays to create sharp, readable text contrast. For a more adventurous palette, consider complementary pairings with muted terracotta or sophisticated combinations with metallics like gold. It’s effective for creating focused, immersive backgrounds or as a confident color for key interactive elements.
While not a ubiquitous choice, deep greens similar to Evergreen are used by brands like Expensify and Moda Operandi to convey sophistication and stability. Its relative rarity in the digital space offers a clear opportunity to build a distinct and memorable visual identity that stands apart from the crowd.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Evergreen in real UI components of top brands.
Using Evergreen color codes
Using the Evergreen hex code, #002E22, is straightforward for any digital design work. This code directly tells screens the exact shade to display, ensuring consistency across web and mobile interfaces.
While #002E22 is perfect for screens, you'll need different codes for other mediums. For print, you'll convert it to CMYK values to match ink mixing. For more nuanced digital adjustments, HSL (Hue, Saturation, Lightness) offers a more intuitive way to modify the color than RGB values. Other models like LAB and LCH are useful for ensuring perceptual uniformity across different devices.
To help you get started, we've converted Evergreen's #002E22 hex code into a variety of popular formats. You can find and copy the exact values you need for your project below.
Analogous
Pairing Evergreen with its neighbors on the color wheel creates an analogous scheme. This combination results in a serene and cohesive visual experience.
Complementary
As opposites on the color wheel, complementary colors create a striking, high-contrast effect when paired with Evergreen, making both hues appear more vibrant.
Split Complementary
For a vibrant yet balanced palette, a split complementary scheme pairs Evergreen with the two colors neighboring its opposite on the color wheel.
Triadic
Triadic colors are three hues equally spaced on the color wheel. With Evergreen as the base, this combination creates a vibrant, high-contrast palette.
Tetradic
A tetradic palette for Evergreen combines it with three other colors, creating two complementary pairs in a rectangular formation on the color wheel.
Square
The square scheme pairs Evergreen with three other colors, all equidistant on the color wheel, resulting in a bold and balanced set of hues.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Evergreen creates its shades, giving the color a deeper, weightier feel.
Tints
Tints are lighter versions of Evergreen, created by adding white for a softer effect.
Tones
Tones of Evergreen are created by adding gray, resulting in softer, muted variations.
Hues
Hues are variations of Evergreen that share its base color but differ in intensity or temperature.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.





























































































































