Honeydew
#f0fff0
Light minty white tint for cool UI backgrounds
About Honeydew
I keep Honeydew on the edges of layouts where you want "light gray" to quietly become green. Compared to Emptiness, it never feels colorless, and compared to Floaty Bubble, it has a clearer, softer green undertone instead of vanishing almost entirely.
It's warmer than pure white but still stays restrained, so it reads as calm page stock rather than a warm background wash. I use it in health and wellness dashboards, reading apps, and editorial product detail pages where you want graphs, UI chrome, and typography to stay crisp without the gray feeling sterile. It also pairs well with medical or biotech brand accents that lean mint or sage.
One quirk: because it's very light and lightly saturated, it needs a slightly darker companion for borders and sectioning. Put it next to other pale greens like you would with Frozen Civilization and things start to blur fast.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.