Mountain Meadow

Mountain Meadow is a vivid, cool-toned green that sits confidently between teal and viridian.

Its notable saturation gives it a fresh, energetic quality, yet it maintains a certain softness, avoiding the harshness of a pure neon.

Rooted in the psychology of green, Mountain Meadow (#30BA8F) symbolizes growth, balance, and renewal, carrying connotations of vitality and prosperity from the natural world.

The color evokes a feeling of calm energy and freshness, communicating stability, health, and a forward-looking sense of optimism in a design context.

In UI design, Mountain Meadow (#30BA8F) works exceptionally well for primary calls-to-action, active states, and illustrative accents that need to draw the eye. For a clean, professional interface, pair it with a generous amount of white space and deep charcoal text. To create a more dynamic palette, consider using the 60-30-10 rule, with Mountain Meadow as the 10% accent against a neutral base and a secondary, softer color.

While not ubiquitous, this vibrant green is used effectively by brands like Slack, Lifesum, and Supabase, often to signal productivity, growth, and fresh ideas. Its relative rarity means it can give a product a distinct and memorable visual identity in a crowded market.

Use the tools below to explore curated palettes, check color contrast for accessibility, and preview Mountain Meadow in real UI components from top-tier apps.

Using Mountain Meadow (#30BA8F) consistently across projects requires more than just its hex code. The way a color is defined changes depending on whether it's for a screen or a printed piece, making the right code essential for accurate reproduction.

Your starting point is often a HEX or RGB value, which specifies color for digital displays by mixing red, green, and blue light. For print work, you'll need the CMYK equivalent, which is based on ink colors. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments to the base color.

To make things simple, we've converted #30BA8F into a range of popular formats. You can find and copy the exact codes you need for your project right below.