Verdigris
Meet Verdigris (#3BBFAD), a captivating shade sitting at the intersection of cyan and green. Its bright, cool character gives it a distinct presence, making it a memorable choice for any design palette. This color offers a fresh perspective on teal with a crispness that commands attention.
What color is Verdigris?
Verdigris is a cool, blue-green hue that captures the distinct color of patina formed on weathered copper or bronze.
It sits between green and blue, with subtle gray undertones that give it a sophisticated and muted character.
What is the meaning of the color Verdigris (#3BBFAD)?
Historically, Verdigris is the name for the greenish-blue patina that forms on weathered copper, lending it a sense of aged elegance and history. It symbolizes the beauty of transformation and the passage of time.
Psychologically, this blend of blue and green evokes feelings of balance, tranquility, and refreshment. For designers, Verdigris can represent a sophisticated harmony between calm stability and creative energy.
How can I effectively use Verdigris in UI design?
To make Verdigris (#3BBFAD) stand out in your designs, apply it as an accent for key elements like buttons, links, or illustrations. It creates a sharp, clean look when set against neutral backgrounds such as soft grays or deep charcoals. For a more adventurous palette, try pairing it with warm, earthy tones or a muted coral to build a striking and balanced composition.
You won't find many major brands using a color quite like Verdigris, which is precisely what makes it a compelling choice for building a distinct identity. While Deliveroo's Greenlight has a similar energetic quality, the specific character of Verdigris remains largely untapped, offering a clear opportunity to appear unique.
Put theory into practice with the tools below. You can explore curated palettes, test color contrast for accessibility, and preview Verdigris in real UI components from top brands.
Using Verdigris color codes
The hex code for Verdigris, #3BBFAD, is your starting point for any digital project. This six-digit alphanumeric code is the most common way to represent the exact color in CSS for web design.
Since design work often crosses from digital to print, you'll need to convert #3BBFAD into other formats. RGB (Red, Green, Blue) is standard for on-screen displays, while CMYK (Cyan, Magenta, Yellow, Key) is required for physical printing. Other models like HSL (Hue, Saturation, Lightness) provide a more intuitive method for color manipulation.
To get you started, we've converted #3BBFAD to a range of popular formats. You can find and copy the exact values you need for your project below.
Analogous
Sitting beside Verdigris on the color wheel, analogous colors produce a cohesive and tranquil palette, ideal for creating a sense of calm and unity.
Complementary
A complementary color for Verdigris lies directly opposite it on the color wheel, resulting in a bold, high-contrast visual pairing.
Split Complementary
A split complementary palette pairs Verdigris with the two colors bordering its direct complement, creating a sophisticated and flexible color scheme.
Triadic
A triadic color scheme uses three colors evenly spaced on the color wheel. With Verdigris as a base, this creates a vibrant, balanced palette.
Tetradic
Tetradic schemes pair two sets of complementary colors. When built around Verdigris, they offer a vibrant and balanced four-color combination for your designs.
Square
A square color scheme uses four colors equidistant on the color wheel. With Verdigris as the base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Verdigris are created by adding black, giving the color more depth and gravity.
Tints
Tints are lighter versions of Verdigris, created by adding white for a softer appearance.
Tones
Tones of Verdigris are created by adding gray, resulting in softer, more muted variations.
Hues
Hues are variations of Verdigris, differing in intensity or temperature from the base color.
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.



























































































































