Eton Blue

Eton Blue is a light, cool-toned green with noticeable blue undertones.

It presents a soft, minty appearance, sitting somewhere between a pale spring green and a soft cyan.

Eton Blue gets its name and prestigious air from Eton College, symbolizing a rich history of academic and sporting distinction.

It evokes a sense of calm confidence and sophistication, making it a solid choice for designs that need to communicate trustworthiness and clarity.

Eton Blue works brilliantly as an accent color for calls-to-action, icons, and interactive elements. To apply it effectively, try the 60-30-10 principle, dedicating it to the smallest, most impactful parts of your design. It pairs cleanly with neutrals like off-whites and charcoals, or creates a striking look alongside a deep navy or a muted coral.

You'll spot colors in the same family as Eton Blue in brands like Brainly, often used for illustrative spots or secondary actions. Its infrequent use as a primary brand color is an advantage, offering a chance for your design to stand out and appear original.

Explore curated palettes, test your color contrast for accessibility, and preview Eton Blue in real UI components from top brands with the tools right below.

The most direct way to apply Eton Blue in your digital projects is by using its hexadecimal code, #7FD09F. This code is the standard for specifying colors in web design, ensuring consistency across different browsers and devices.

Depending on your project's needs, you may have to convert this hex code. For instance, print work uses CMYK values to define ink combinations, while digital displays create color with the RGB model, which mixes red, green, and blue light. Other formats like HSL (Hue, Saturation, Lightness) or LAB provide different ways to define and adjust the color for specific design software or accessibility standards.

To simplify your workflow, we’ve converted Eton Blue’s #7FD09F code into a range of popular formats below, ready for you to copy and paste directly into your work.