Sea Green
Meet Sea Green (#2E8B57), a rich and balanced hue that sits perfectly between green and blue. Its notable saturation gives it a distinct presence without being overpowering, making it a compelling choice for designers looking for a versatile yet characterful color for their palettes.
What color is Sea Green?
Sea Green is a medium-dark shade of cyan-green, evoking the color of coastal waters. It sits comfortably between green and blue, with a noticeable lean towards the green spectrum.
Possessing cool, blue undertones, the color maintains a refreshing quality without feeling cold. Its green base provides a natural vibrancy, giving it a balanced and soothing appearance.
What is the meaning behind the color Sea Green (#2E8B57)?
Sea Green channels tranquility and balance, representing health, renewal, and a deep connection to the natural world.
Symbolically, it's tied to emotional healing and good fortune, suggesting the depth and clarity of the ocean.
How can I effectively use Sea Green in my UI design?
When applying Sea Green in UI design, use its rich value to create contrast against light neutrals like off-white or soft grays, making it a strong candidate for buttons and key interactive elements. For color pairings, you can build a serene palette with analogous blues and yellows or create a more striking composition by introducing complementary shades of coral and terracotta.
While not as ubiquitous as other brand colors, similar verdant shades are used by companies like Subway. This relative rarity is an advantage, offering a chance to build a distinct visual identity that feels both natural and memorable, helping a product stand out.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview how Sea Green (#2E8B57) appears in the real UI components of leading brands.
How do I use Sea Green color codes?
Applying Sea Green in your designs starts with its hex code, #2E8B57. This is the most direct way to specify the color for web-based projects, providing pixel-perfect accuracy across browsers and devices.
For work that goes beyond digital screens, you'll need to translate that hex value. Color models like RGB (Red, Green, Blue) are standard for screen-based media, while CMYK (Cyan, Magenta, Yellow, Key/Black) is essential for anything destined for print. Other systems like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To make things easy, we’ve converted Sea Green’s #2E8B57 hex code into a full range of formats below for you to copy and paste directly into your workflow.
Analogous
Analogous colors are neighbors to Sea Green on the color wheel. They work together to create a cohesive and tranquil visual experience.
Complementary
As opposites on the color wheel, complementary colors create a vibrant, high-contrast look when paired with Sea Green, making each hue more intense.
Split Complementary
A split complementary palette for Sea Green uses the two colors bordering its direct complement, creating a vibrant yet balanced and more nuanced combination.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Sea Green as a base, this creates a vibrant and high-contrast palette.
Tetradic
Tetradic color schemes for Sea Green are built from two sets of complementary colors, creating a vibrant and balanced four-color palette.
Square
A square color scheme uses four colors equidistant on the color wheel. With Sea Green as a base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Sea Green are made by adding black, giving the color more depth and weight.
Tints
Tints of Sea Green are created by adding white, resulting in lighter, softer variations.
Tones
Adding gray to Sea Green creates tones, giving the color a softer, more muted look.
Hues
Hues are variations of Sea Green, differing in intensity or temperature to create a specific mood.
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.
