Fern
Meet Fern (#71BC78), a refreshing green that strikes a perfect balance between vibrancy and softness. Its clean, organic quality gives it a distinct presence, making it a versatile choice for modern digital interfaces without overwhelming the eye.
What color is Fern?
Fern (#71BC78) is a fresh, verdant green with a noticeable softness, sitting squarely in the middle of the value scale.
It’s a cooler green with a distinct blue undertone, yet it maintains an organic feel thanks to a subtle yellow presence that prevents it from appearing too sharp or synthetic.
What is the meaning of the color Fern (#71BC78) in design?
The color Fern, #71BC78, is psychologically tied to balance and harmony, drawing its meaning from the natural world's cycles of growth and renewal.
It evokes a sense of calm and vitality, making it a go-to for designs intended to feel fresh, grounded, and optimistic.
How can I apply the color Fern (#71BC78) to my UI design?
In UI and web design, Fern’s mid-tone saturation makes it a flexible choice. The color #71BC78 creates a gentle, readable contrast against both crisp whites and deep charcoals. For pairings, consider neutrals that let it shine or earthy browns for a grounded feel. Applying the 60-30-10 rule, Fern works beautifully as a secondary or accent color to guide user attention without overwhelming the interface.
While some brands like PandaDoc have built their identity around a similar green, Fern is not a widely used color in the tech industry. This relative rarity presents an opportunity: using #71BC78 can help a product carve out a distinct visual identity and stand out in a marketplace often dominated by blues and grays.
To see how Fern performs in practice, use the tools on this page. You can explore curated palettes, test color contrast for accessibility, and preview #71BC78 in real UI components from leading brands.
Using Fern color codes?
While #71BC78 is the standard hex code for Fern, you'll often need to convert it for different applications. Digital and print design, for instance, rely on entirely different color models to render color accurately.
RGB (Red, Green, Blue) is the model for screens, mixing light to create color, while CMYK (Cyan, Magenta, Yellow, Key/Black) is for ink on paper. Other systems like HSL (Hue, Saturation, Lightness) provide a more intuitive way to make adjustments during the design process.
To make things easy, we've converted Fern (#71BC78) into several popular formats. You can copy the exact codes you need for your project from the list below.
Analogous
By selecting colors adjacent to Fern on the color wheel, you can build an analogous palette that feels cohesive and naturally serene.
Complementary
Complementary colors sit directly opposite each other on the color wheel. When paired, they create a striking, high-contrast effect that makes both colors pop.
Split Complementary
A split complementary scheme for Fern takes the two colors on either side of its direct complement, offering a vibrant yet balanced palette.
Triadic
Triadic color schemes use three hues evenly spaced on the color wheel. With Fern as a base, this creates a vibrant, high-contrast palette.
Tetradic
Tetradic color schemes pair Fern with its complement, alongside another set of complementary colors, forming a rectangle on the color wheel.
Square
A square color scheme pairs Fern with three other colors, all spaced evenly on the color wheel for a balanced yet striking effect.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Fern are created by adding black, giving the color more depth and weight.
Tints
Tints are lighter variations of Fern, created by adding white to soften the hue.
Tones
Tones are created by mixing Fern with gray, resulting in a less saturated, more subtle appearance.
Hues
Hues are variations of Fern, sharing its base color but differing in 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.
