Hint of Green

#dfeade

Light gray with gentle green undertone for calm surfaces

Save
Share

About Hint of Green

I keep coming back to Hint of when I need a very light backdrop that doesn't read as "just off-white." On my monitor it lands cool-gray first, but there's a quiet whisper under the surface, not the warming push you get from nearby options like .

Compared with , this one stays more restrained: less warmth, less saturation, and it won't pop into focus the way that color does. Compared with , it's a touch cleaner and more gray-forward, so it feels less beige-adjacent and more neutral in mixed media. I use the one you reach for on dashboards in health platforms (care plans, lab history, patient portals) and in reading interfaces where body text needs a soft field to breathe against, like e-learning and library apps. It also holds up in product settings screens and secondary cards without making disabled states look dirty.

Pair it with cooler grays and mid-tone type, and avoid stacking too many pale greens together or the intent starts to blur.

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
1.24:1Fail

On Gray 100 #f5f5f5

Aa
1.14:1Fail

On Gray 900 #18181b

Aa
14.31:1AAA

On Black #000000

Aa
16.96: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.

Create a gradient with Hint of Green

Open the generator with this color pre-loaded.

Start creating