Distilled Moss
A luminous and airy pale green
Distilled Moss is a luminous, pastel green with high lightness and low saturation. It provides a gentle background for sustainable branding or pharmacy UI, where readability is key. Pair it with dark charcoal or black text to maximize contrast. Because it can look washed out against pure white, use #ccffcc as a supportive tone rather than a dominant base. The hex code for this soft shade is #ccffcc.
About Distilled Moss
Greenhouse light on new leaves, softened to a whisper
What does distilled moss mean?
Pastel greens commonly bring spring to mind, so people often link this shade with fresh growth, mild weather, and renewal. Its high lightness and low saturation give it an airy, watercolor softness, less like a plant and more like light filtered through one.
Where you see distilled moss
- honeydew flesh
- painted porch ceilings
- vintage kitchen tile
- baby blanket cotton
- frosted glass bottles
- matcha ice cream
What it works for
This shade suits backgrounds, packaging, and accents that need a cool green note without pushing a room or layout toward heavy color.
What colors go with distilled moss?
Charcoal #36454fDark gray grounds the pale green and keeps its sweetness from reading as childish.Dusty Rose #b56f76The muted pink warms the cool green, and both colors sit at similar low saturation.Terracotta #e2725bBaked orange clay against this green mimics a potted plant, a pairing with built-in logic.Deep Plum #4a2a59Near-opposite hues make both colors appear sharper while the plum adds weight.
Questions about Distilled Moss
What is the hex code for Distilled Moss?
Distilled Moss is #ccffcc. In RGB that is rgb(204, 255, 204), in HSL hsl(120, 100%, 90%) and in CMYK 20%, 0%, 20%, 0%.
Is Distilled Moss readable on white or black?
Distilled Moss has a 1.12:1 contrast ratio on white and 18.74:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.