Verde Smeraldo
Meet Verde Smeraldo, #01AB91. This vibrant teal possesses a unique intensity, sitting at the intersection of rich green and cool blue. Its striking saturation gives it a powerful presence, making it a memorable choice for any design palette without being overwhelming.
What color is Verde Smeraldo?
Verde Smeraldo is a deep, vibrant green with a noticeable blue cast. This gives the color a cool temperature and a jewel-toned quality, reminiscent of the precious emerald gemstone it's named after.
As the color #01AB91, it sits in a sweet spot of saturation and brightness, making it feel both energetic and sophisticated. Its cool undertones provide a sense of calm and stability, distinguishing it from warmer, more yellow-based greens.
What is the meaning of the color Verde Smeraldo (#01AB91)?
Verde Smeraldo carries the historical weight of emeralds, symbolizing wealth, wisdom, and renewal.
Psychologically, it projects balance and sophistication, offering a sense of calm and organic growth.
How to use Verde Smeraldo in UI design?
In UI design, Verde Smeraldo (#01AB91) shines when used with intention. Pair it with a generous amount of neutral space—think crisp whites, soft grays, or even deep charcoals—to make it the focal point for primary actions or highlights. For a more adventurous palette, consider pairing it with warm, earthy tones like terracotta or muted peach to create a balanced and inviting composition.
While not a color you see every day, distinctive shades of green-cyan are used by brands like Trainline, Insight Timer, Thrive Market, and N26. Its infrequent use in branding means it can give a product a memorable and distinct visual identity, setting it apart from competitors.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Verde Smeraldo in real UI components from top brands.
Using Verde Smeraldo color codes
Using Verde Smeraldo in your projects starts with its digital identifier, the hex code #01AB91. This code is the standard for web design, ensuring the exact shade appears consistently across different browsers and devices.
Depending on your medium, you'll need to convert #01AB91 into other formats. For digital displays, you'll work with RGB values that define the mix of red, green, and blue light. For print materials, CMYK values dictate the ink mixture. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To make things simple, we've converted Verde Smeraldo's #01AB91 into a full range of color codes. You can find and copy the exact values you need for your work below.
Analogous
Analogous colors are adjacent to Verde Smeraldo on the color wheel. This grouping results in a balanced and composed palette with a peaceful quality.
Complementary
Complementary colors sit directly opposite each other on the color wheel. When paired with Verde Smeraldo, they create a striking, high-contrast visual effect.
Split Complementary
Split complementary colors offer a vibrant yet balanced palette by pairing Verde Smeraldo with the two hues that sit next to its complementary color.
Triadic
A triadic harmony uses three colors equidistant on the color wheel, resulting in a vibrant, high-contrast palette built around Verde Smeraldo.
Tetradic
A tetradic color scheme uses two pairs of complementary colors, creating a rich, four-color palette with Verde Smeraldo as the starting point.
Square
A square color scheme uses four colors equidistant on the color wheel. With Verde Smeraldo as the base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Verde Smeraldo are created by adding black, giving the color more depth and weight.
Tints
Tints of Verde Smeraldo are made by mixing in white, resulting in lighter, softer hues.
Tones
Tones are created by adding gray to Verde Smeraldo, resulting in softer, less saturated variations.
Hues
Hues are variations of Verde Smeraldo, differing in intensity and temperature to create distinct moods.
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.




























































































































