Tea Green
Meet Tea Green (#D0F0C0), a soft, luminous shade that sits at the intersection of nature and digital design. Its gentle, airy quality offers a refreshing alternative to more saturated greens, providing a clean and modern feel without sacrificing warmth.
What color is Tea Green?
Tea Green is a light, muted green characterized by its distinct yellow undertones.
It presents as a cool, calming pastel, sitting somewhere between a crisp mint and a warm chartreuse.
What is the meaning of Tea Green (#D0F0C0)?
Tea Green, with its hex code #D0F0C0, evokes a sense of calm and tranquility. Rooted in the psychology of the color green, it represents growth and harmony, but its muted quality adds a layer of sophistication and quietude, reminiscent of a peaceful tea ceremony.
This color often symbolizes freshness and a gentle vitality. For designers, it communicates a feeling of balance and well-being, making it a subtle yet powerful choice for conveying naturalness and serenity.
How can I use Tea Green (#D0F0C0) in UI design?
Tea Green (#D0F0C0) works beautifully as a background color, creating a serene and airy foundation for content. For effective contrast and readability, pair it with deep charcoals, rich browns, or navy blues. To build a softer, more harmonious palette, combine it with creamy whites, soft peaches, or muted lavenders for an organic and modern feel.
While not a dominant color for most major brands, shades similar to Tea Green appear in the UIs of companies like GoFundMe and Uxcel, often to signal positivity and progress. Its relative scarcity in the market presents a unique chance for a product to stand out with a fresh and approachable visual identity.
To see these principles in action, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview how Tea Green looks within the UI components of top brands.
Using Tea Green color codes
When working with Tea Green, its hex code #D0F0C0 is your starting point for any digital work. This particular shade offers a soft, organic quality that can introduce a sense of calm to a design without being faint or indistinct.
Different projects require different color models. For digital screens, you'll work with RGB (Red, Green, Blue) values, which combine light to produce color. For print materials, you'll need the CMYK (Cyan, Magenta, Yellow, Key/Black) values, which are based on ink absorption on paper. Converting #D0F0C0 to these formats, along with others like HSL or LAB, maintains color consistency across various media.
We've converted Tea Green's #D0F0C0 hex code into its corresponding values for several popular color systems. You can find and copy these codes directly below for your projects.
Analogous
Sitting beside Tea Green on the color wheel, analogous colors produce a unified and tranquil visual effect, ideal for creating a sense of calm.
Complementary
Complementary colors sit directly opposite Tea Green on the color wheel, creating a high-contrast pairing that makes both hues appear more vivid.
Split Complementary
A split complementary scheme for Tea Green uses the two colors adjacent to its direct opposite, offering a vibrant yet balanced palette.
Triadic
A triadic scheme pairs Tea Green with two other colors from equidistant points on the color wheel, creating a vibrant, high-contrast combination.
Tetradic
A tetradic scheme pairs Tea Green with three other hues, forming a rich palette from two sets of complementary colors on the wheel.
Square
A square color scheme pairs Tea Green with three other equidistant colors on the color wheel, creating a vibrant and richly contrasting palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Tea Green are made by adding black, which introduces more depth and visual weight.
Tints
Tints of Tea Green are made by adding white, creating lighter, softer variations.
Tones
Tones of Tea Green are created by adding gray, resulting in softer, desaturated variations.
Hues
Hues are Tea Green variations differing in intensity or temperature, creating unique visual 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.


























































































































