Myrtle

Meet Myrtle (#21421E), a profoundly deep green that borders on black yet retains a distinct, saturated character. Its striking quality comes from this near-absolute darkness, offering a rich, foundational hue with a subtle but undeniable verdant identity, making it a compelling choice for sophisticated palettes.

Myrtle
#21421E
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Myrtle?

Myrtle is a profound shade of green, characterized by its low saturation and deep value.

Its cool, earthy undertones give it a grounded appearance, reminiscent of dense forest foliage in the shade.

What is the meaning of the color Myrtle?

Named after the evergreen plant, the color Myrtle carries a rich history tied to love, peace, and immortality. Ancient Greeks and Romans associated the myrtle plant with goddesses of love, embedding the hue with a timeless sense of affection and prosperity.

Psychologically, this deep green hue (#21421E) fosters a sense of stability, growth, and tranquility. For designers, it offers a sophisticated foundation that can ground a composition, suggesting both natural balance and quiet affluence.

How can I use Myrtle in UI design?

Myrtle (#21421E) is a versatile dark green that can ground a design as a primary color or serve as a striking accent. For a clean and professional feel, pair it with soft creams, light grays, or a stark white to make it pop. To create more visual interest, consider a complementary pairing with muted terracotta or gold tones, which can be applied using the 60-30-10 principle for a balanced composition.

You won't find many brands using a shade quite like Myrtle, which presents a unique opportunity. While the fintech company Dave uses a similar dark green to project stability and growth, the relative scarcity of this color means it can help a product establish a distinct and memorable identity in a crowded market.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview how Myrtle looks in real UI components from top applications.

How do I use Myrtle color codes?

Using the color Myrtle in your projects starts with its digital identifier, the hex code #21421E. While this format is standard for web development, you'll often need to translate it into other color models depending on your medium, whether for screen-based applications or physical print materials.

Each color code serves a specific purpose. RGB (Red, Green, Blue) values define colors for digital displays by mixing light, whereas CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for printed media, which uses ink. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to adjust color properties during the design process.

To help you apply Myrtle across your work, we've converted the #21421E hex code into a range of popular formats. You can find and copy the exact values you need for your tool or project below.

Myrtle Code Conversions

HEX
#21421E
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Myrtle Color Harmonies

Analogous

Analogous colors are neighbors to Myrtle on the color wheel. These schemes create a sense of harmony and tranquility in any design.

#123456
#123456
#123456

Complementary

Myrtle's complementary color is its direct opposite on the color wheel, creating a high-contrast pairing that offers a bold, energetic visual effect.

#123456
#123456

Split Complementary

Split complementary palettes for Myrtle use the two colors adjacent to its direct complement, offering high contrast with more nuanced and harmonious results.

#123456
#123456
#123456

Triadic

A triadic palette is formed by three hues equidistant on the color wheel. Starting with Myrtle, this combination offers a bold and balanced contrast.

#123456
#123456
#123456

Tetradic

Tetradic schemes pair Myrtle with three other colors, forming two complementary pairs that create a rich, rectangular harmony on the color wheel.

#123456
#123456
#123456
#123456

Square

The square scheme selects four colors equidistant on the color wheel. With Myrtle as the starting point, this combination produces a lively, high-contrast effect.

#123456
#123456
#123456
#123456

Myrtle Color Variations

Shades

By adding black to Myrtle, you create shades that add depth and weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

By adding white to Myrtle, you create tints—lighter variations that introduce a softer tone.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones of Myrtle are created by adding gray, resulting in softer, more subdued variations.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Myrtle, sharing its base color but with different intensities or temperatures.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Myrtle?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

All Brands That Use Colors Like Myrtle

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion