Athens Gray
Meet Athens Gray (#EBECED), a whisper-soft neutral that sits on the cusp of off-white. Its striking quality lies in its subtle coolness, providing a clean, versatile foundation for digital interfaces without the starkness of pure white. It's a quiet but confident choice.
What color is Athens Gray?
Athens Gray (#EBECED) is a delicate off-white, sitting just a shade away from pure white. It presents a soft, almost cloud-like quality.
This color carries a subtle cool temperature, with faint blue undertones that give it a crisp, clean character without being stark or cold.
What is the meaning of Athens Gray (#EBECED)?
Athens Gray (#EBECED) represents neutrality and balance. In color psychology, this light gray is associated with calmness, composure, and a quiet sophistication, making it a stable and modern foundation in design.
The name itself suggests a connection to the timeless marble of ancient Greek structures, imbuing the color with a sense of history, endurance, and classic elegance.
How can I use Athens Gray (#EBECED) in my UI design?
In UI and web design, Athens Gray (#EBECED) works beautifully as a sophisticated neutral base, offering a softer alternative to stark white. Pair it with deep charcoals or navy for crisp, legible text, or combine it with muted jewel tones and pastels to create an airy, minimalist aesthetic. Its subtle warmth helps brighter accent colors stand out without overwhelming the user.
While not often a primary brand color, shades similar to Athens Gray are foundational in the clean interfaces of tech companies like Vercel, Kajabi, and Lightyear. These brands often use such off-whites for backgrounds and UI containers, creating a bright, professional backdrop that supports their main brand palette.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Athens Gray in real UI components of top brands.
Using Athens Gray color codes
Using Athens Gray in your projects starts with its digital identifier, the hex code #EBECED. While this is standard for web design, you'll often need to translate it into other color models depending on your medium or specific software.
Different color codes serve distinct purposes. RGB (Red, Green, Blue) values define colors for digital screens by mixing light, whereas CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for printed materials, which uses ink. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to adjust and manipulate colors.
To make your workflow easier, we've converted Athens Gray's #EBECED into a full spectrum of color codes. You can find and copy the exact values for RGB, CMYK, HSL, and more right below.
Analogous
Analogous colors sit side-by-side on the color wheel. When paired with Athens Gray, they produce a cohesive and soothing visual experience.
Complementary
Complementary colors are opposites on the color wheel. When paired with Athens Gray, they create a striking, high-contrast visual effect.
Split Complementary
Split complementary colors for Athens Gray pair it with the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.
Triadic
Triadic schemes use three colors equally spaced on the color wheel. For Athens Gray, this creates a vibrant and balanced palette with high contrast.
Tetradic
A tetradic palette offers a rich, four-color harmony for Athens Gray, built from two pairs of complementary colors on the color wheel.
Square
A square color scheme uses four colors equidistant on the color wheel. With Athens Gray as a base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Athens Gray creates shades, which introduce a sense of depth and substance.
Tints
Tints are lighter versions of Athens Gray, created by adding white for a softer look.
Tones
Tones of Athens Gray are muted variations created by adding gray for a softer appearance.
Hues
Hues are variations of Athens Gray, differing in intensity or temperature to create distinct moods.
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.

































































































































