Jade
Meet Jade (#00A86B), a vibrant green that commands attention. Its unique position between cool blue and warm yellow gives it a striking quality, offering a rich, saturated hue that feels both energetic and balanced. This color provides a compelling visual punch for any design palette.
What color is Jade?
Jade is a vivid green with a distinctively cool, blueish undertone. It strikes a balance between the depth of forest green and the brightness of emerald, giving it a saturated yet composed appearance.
The specific shade #00A86B has a crisp, clear quality, feeling both organic and modern without leaning into the yellow warmth of more olive-toned greens.
What meaning does the color Jade (#00A86B) carry in design?
Deeply rooted in tradition, the color Jade is a symbol of harmony, balance, and good fortune, carrying the historical weight of the precious stone it's named after, often associated with wisdom and protection.
Psychologically, Jade #00A86B evokes a sense of renewal and tranquility. Its connection to nature inspires feelings of growth, prosperity, and calm confidence.
How can I use Jade in my UI design?
In UI design, Jade (#00A86B) works exceptionally well as an accent color to guide user attention to buttons, links, and notifications. Its natural vibrancy pops against neutral backgrounds like charcoal gray or warm off-whites. For a bolder palette, consider pairing it with deep navy blues or even a muted coral for a split-complementary scheme that adds visual interest without overwhelming the user.
While not a dominant color across the web, shades similar to Jade are effectively used by brands like GoFundMe, Supabase, and Slack. These companies often use their green variants to signify growth, action, or a fresh approach. The relative rarity of this specific hue means it can offer a unique brand identity and help a product stand out.
To see how Jade performs in practice, use the tools below. You can explore curated palettes, check color contrast for accessibility compliance, and see how #00A86B looks within the actual interfaces of well-known applications.
Using Jade color codes
Working with the color Jade in your projects begins with its hex code, #00A86B. This six-digit code is the universal language for color on the web, ensuring consistency across different browsers and devices.
Your specific design medium dictates which color code you'll need. For digital work on screens, you'll use the RGB (Red, Green, Blue) values, which create color by mixing light. For physical print materials, you'll require CMYK (Cyan, Magenta, Yellow, Key/Black) values, which are based on ink. Other models like HSL (Hue, Saturation, Lightness) provide a more intuitive way to create tints and shades.
To simplify your process, we have converted #00A86B into a range of popular formats. You can find these below, ready to copy and paste directly into your design tool.
Analogous
Analogous colors are neighbors to Jade on the color wheel. This combination creates a harmonious and serene palette, ideal for cohesive visual designs.
Complementary
A complementary scheme pairs Jade with its direct opposite on the color wheel. This combination offers the strongest possible contrast, making both colors pop.
Split Complementary
For Jade, a split complementary palette takes the two colors on either side of its opposite, creating a high-contrast look with less tension.
Triadic
A triadic palette pairs Jade with two other hues from equidistant points on the color wheel, creating a vibrant, high-contrast, and harmonious effect.
Tetradic
A tetradic color scheme for Jade uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.
Square
Square schemes pair four colors evenly spaced on the color wheel. Starting with Jade, this method produces a bold and balanced set of colors.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Jade, created by adding black to give it depth.
Tints
Adding white to Jade produces tints, which are lighter variations that soften the original hue.
Tones
Tones of Jade are created by adding gray, resulting in softer, more subdued variations.
Hues
Hues are variations of the base color Jade, differing in their intensity or temperature.
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.






























































































































