Moon Dance
#faefbe
Pale green-beige moonlight for calm, neutral accents
About Moon Dance
Moon Dance looks like the pale underside of moonlight on off-white paper, with a faint green tint that only shows up once something brighter sits next to it. It's noticeably more yellow-leaning than the minty side of the green family, but it still doesn't drift into the peach warmth you'd get from Candle in the Wind.
For me, the one you reach for when you need light UI backgrounds that feel calmer than Banana Split, but with more character than Clotted Cream's near-neutral hush. I'd use it for SaaS settings screens, healthcare or wellness portals, and long-form reading pages where content is the star and the page chrome stays quiet. It also works on packaging and editorial sidebars that need a soft "green room" glow without becoming a tint-heavy accent.
Pair it with deep olive, graphite, or a slightly cooler gray. If you put it next to strong beiges, its green whisper fades fast, and the warmth becomes the only story.
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.
