Ether

#98b2b4

Save

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 Casper or Crown of Ash, 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 Casper 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 Casper 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

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

Create a gradient with Ether

Open the generator with this color pre-loaded.

Start creating