Ether

#98b2b4

Muted cool gray-green for airy UI contrast

Save
Share

About Ether

Ether's got blue-green running through it, which immediately sets it apart from the grays around it. Not aggressively, it's subtle enough that it reads as gray first, but it's there. The moment you pair it next to or Crown of , you feel the difference: those are committed to being neutral. Ether has a slight cool undertone with actual personality. It's the kind of color that doesn't disappear the way flatter grays do.

Reach for it in product interfaces, healthcare dashboards, and fintech tools where you need a background that suggests calm without feeling sterile. It works better than as a primary surface color because it brings something soft to the table. Form fields, card containers, secondary panels, anywhere you want the background to have presence but not demand it. The saturation gives it enough weight to work in data-heavy layouts, and the blue-green whisper keeps it from feeling like a default choice. Pair it with deep text and it holds space cleanly. Pair it with warm accents and it creates genuine contrast.

The real advantage: it's lighter and cooler than but warmer than pure blue-gray, which means it plays well in systems where the mood matters. Works in editorial layouts too, where you need something that breathes without disappearing.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
2.24:1Fail

On Gray 100 #f5f5f5

Aa
2.06:1Fail

On Gray 900 #18181b

Aa
7.90:1AAA

On Black #000000

Aa
9.36:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#96b3b3
#9aafaf
#8bb6b8
#91b6ac
#a9afaa

Create a gradient with Ether

Open the generator with this color pre-loaded.

Start creating