Teal Green
Meet Teal Green, #006D5B, a color that commands attention with its profound depth and sophisticated character. Its unique position between a classic forest green and a cool blue gives it a distinct, professional quality that stands out in any palette.
What color is Teal Green?
Teal Green (#006D5B) is a deep, cool-toned color that sits squarely between blue and green, but with a pronounced green character. It has subtle blue undertones that give it a sophisticated depth, reminiscent of deep ocean waters or dense forests.
This specific shade is moderately saturated, avoiding the starkness of a pure green while maintaining a rich, substantial presence. Its coolness makes it feel calm and stable, yet its vibrancy keeps it from being muted or dull.
What is the meaning of Teal Green in design?
Teal Green, with its hex code #006D5B, represents tranquility and renewal. It combines the calming properties of blue with the optimistic qualities of green, often evoking feelings of mental clarity and emotional healing.
Symbolically, this color suggests open communication and spiritual grounding. It rose to prominence in the early 20th century and has since been associated with sophistication and thoughtful introspection.
How can I use Teal Green (#006D5B) in my UI design?
When working with Teal Green in UI design, consider its versatility. The rich saturation of #006D5B makes it an excellent choice for primary actions, such as buttons and interactive elements, where it commands attention without being jarring. For color pairings, create a dynamic interface by contrasting it with warm tones like coral or terracotta. Alternatively, for a more harmonious and professional palette, pair Teal Green with neutrals like off-white, charcoal, or light grays.
While not as widespread as classic blues or grays, Teal Green is a distinctive choice seen in the branding of companies like Whereby, Gametime, Workable, and User Interviews. Its adoption by these brands shows its potential to create a memorable and professional identity, offering a way to stand out in a crowded market.
To see how #006D5B performs in practice, use the tools below. You can explore curated palettes, check color contrast ratios for accessibility compliance, and preview Teal Green applied to real UI components from well-known apps.
How do I use Teal Green color codes?
Applying Teal Green (#006D5B) consistently across your projects begins with selecting the correct color code for your medium. While the hex code is standard for web development, you will need different formats for other design applications to maintain color fidelity.
Each color model serves a specific purpose. RGB (Red, Green, Blue) is the standard for digital screens, defining color through light. For physical media, CMYK (Cyan, Magenta, Yellow, Key/Black) is used in the printing process. Other models like HSL, LAB, and LCH offer more intuitive ways for designers to manipulate color based on hue, saturation, lightness, and other perceptual values.
We have converted #006D5B to a range of popular formats below. Simply find the one you need and copy it for your project.
Analogous
Analogous colors sit beside Teal Green on the color wheel. This proximity results in a cohesive and serene palette for your designs.
Complementary
Complementary colors sit directly opposite each other on the color wheel, creating a high-contrast, vibrant effect when paired with Teal Green.
Split Complementary
A twist on the classic complementary scheme, split complementary pairs Teal Green with the two colors adjacent to its direct opposite on the wheel.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. For Teal Green, this creates a vibrant, high-contrast, and balanced palette.
Tetradic
A tetradic color scheme for Teal Green uses two pairs of complementary colors, forming a rich, four-color palette with built-in contrast.
Square
A square color scheme uses four colors equidistant on the color wheel, creating a vibrant, high-contrast palette with Teal Green as a base.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Teal Green are created by adding black, giving the color more depth and weight.
Tints
Tints are lighter versions of Teal Green, created by adding white for a softer feel.
Tones
Tones of Teal Green are created by adding gray, resulting in softer, more subdued versions.
Hues
Hues are variations of Teal Green, differing in intensity or temperature to shape design 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.
