Near Moon
#5ee7df
Pale, moonlit cyan for airy interfaces and soft contrast
About Near Moon
Near Moon looks like the moment a screen wakes up in a dim room. It's a light, airy teal-cyan that doesn't feel harsh or neon. Compared to Hammam Blue, it's more moonlit and diluted, with less warmth in the undertone and a softer read on grays. Compared to Cold Light of Day and Frozen Boubble, it backs off on intensity, so it doesn't slice through the UI like a pure cyan.
I use it for dashboards and finance apps when I need accents that stay calm over dark panels: subtle progress fills, focus rings, soft highlights on charts, and hover states that still feel "active" without screaming. It also works well in product photography overlays for lifestyle brands where you want a tech tint that doesn't fight the subject.
One quirk: on very light backgrounds it can look slightly washed out, so pair it with deeper blues or charcoal text to keep it anchored. If you're choosing between this and the brighter cyans nearby, go Near Moon when you want presence, not punch.
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.
