Lichen

#8ebaa6

Earthy blue-green lichen tone for grounded balance

Save
Share

About Lichen

I see Lichen as that pale, desaturated leaf-gray you get when teal gets dusted over. It sits on the green side of the blue family, but it's not as teal-leaning as and it doesn't have 's warmth and lift. Compared to , it's slightly weightier and more grounded, less airy, so it reads calmer than "fresh breath."

I use it for secondary surfaces where you want structure without stealing attention, especially dashboards and finance apps. Think card backgrounds, quiet panels, and divider bands in healthcare and fintech UIs where the layout needs soft separation. It holds up as a hover layer too, but it stays muted enough that your data still leads. Pair it with charcoal text and cool neutrals for a clean, stable look.

One quirk: because it's muted, it can look a touch greener against very blue backgrounds. If that happens, nudge your accompanying grays slightly cooler and keep your key accents a bit deeper. This is the one you reach for when you want "considered" without the glare.

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.16:1Fail

On Gray 100 #f5f5f5

Aa
1.98:1Fail

On Gray 900 #18181b

Aa
8.20:1AAA

On Black #000000

Aa
9.72: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

Create a gradient with Lichen

Open the generator with this color pre-loaded.

Start creating