Aquamarine
Meet Aquamarine (#7FFFD4), a vibrant cyan that captures the eye with its unique balance of blue and green. Its striking luminosity and high saturation make it a standout choice, offering a bright yet gentle presence on the visible spectrum.
What color is Aquamarine?
Aquamarine is a pale, cyan-like color that sits between green and blue on the color wheel. It has a distinctly cool temperature, reminiscent of shallow tropical waters.
With its light tone and soft saturation, it often presents with subtle green undertones, giving it a fresh and airy appearance.
What is the meaning of the color Aquamarine (#7FFFD4) in design?
The name Aquamarine, from the Latin for “water of the sea,” points to its core meaning. The color evokes feelings of serenity, clarity, and tranquility, and is often associated with open communication and emotional balance.
Historically, Aquamarine was believed to be the treasure of mermaids and was carried by sailors as a talisman for good luck and protection. This symbolism of safety and harmony persists, making it a color that represents youthfulness, health, and hope.
How can I use Aquamarine in my UI design?
In UI design, Aquamarine (#7FFFD4) works beautifully as an accent against dark backgrounds or paired with neutrals like white and gray for a clean, modern feel. For a more vibrant combination, consider pairing it with warm colors like coral or peach. It’s an excellent choice for highlights, call-to-action buttons, or gradients that need a touch of freshness.
While not a widely used primary brand color, its relative rarity can help a product stand out. Real estate platform Trulia, for example, uses a similar greenish-blue palette to create a friendly and approachable identity, showing how the color can be applied effectively.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Aquamarine in real UI components from leading apps.
Using Aquamarine color codes
To use the color Aquamarine in a digital project, you can start with its hex code: #7FFFD4. Because of its bright and airy quality, it often serves best in moderation as an accent to guide the eye or highlight key information.
While hex codes are standard for the web, you may need other formats for different mediums. For instance, RGB (Red, Green, Blue) values are used for digital screens, defining colors through light, while CMYK (Cyan, Magenta, Yellow, Key/Black) values are required for physical printing, where color is created with ink.
We’ve converted Aquamarine’s #7FFFD4 hex code into a range of popular formats. Feel free to copy any of the codes you need from the list below.
Analogous
Analogous colors are neighbors on the color wheel. For Aquamarine, these adjacent hues create a harmonious and tranquil visual experience, perfect for serene designs.
Complementary
Complementary colors are found opposite each other on the color wheel, creating a vibrant, high-contrast effect when paired with a base like Aquamarine.
Split Complementary
Split complementary colors for Aquamarine pair it with the two colors adjacent to its direct opposite, offering a vibrant yet balanced trio.
Triadic
A triadic color scheme pairs Aquamarine with two other colors, each equidistant on the color wheel, creating a vibrant and balanced palette.
Tetradic
A tetradic color scheme for Aquamarine uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.
Square
Square color schemes pair four colors evenly spaced on the color wheel. This arrangement produces a lively, high-contrast palette featuring Aquamarine.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Aquamarine creates its shades, which can ground a design with added weight.
Tints
Adding white to Aquamarine creates tints—lighter versions that feel softer and more delicate.
Tones
Tones of Aquamarine are created by adding gray, producing softer and more subdued variations.
Hues
Hues are variations of Aquamarine that differ in intensity or temperature, affecting the design's 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.


























































































































