Moss Stone Color Palette
Mossy green softening into cool stone gray.
Use as a gradient →
Colors
#4A5A40
#6B7A5E
#8C977E
#ADB89E
#C7C9BE
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #4A5A40 | T - | T - | |
| #6B7A5E | T - | T - | |
| #8C977E | T - | T - | |
| #ADB89E | T - | T - | |
| #C7C9BE | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Moss Stone CSS Code
HEX Copy
#4A5A40 #6B7A5E #8C977E #ADB89E #C7C9BE
RGBA Copy
rgba(74, 90, 64, 1.0) rgba(107, 122, 94, 1.0) rgba(140, 151, 126, 1.0) rgba(173, 184, 158, 1.0) rgba(199, 201, 190, 1.0)
HSLA Copy
hsla(97, 17%, 30%, 1.0) hsla(92, 13%, 42%, 1.0) hsla(86, 11%, 54%, 1.0) hsla(85, 15%, 67%, 1.0) hsla(71, 9%, 77%, 1.0)
More Color Palettes
FAQ
What colors are in the Moss Stone palette?Mossy green softening into cool stone gray.
How do I turn the Moss Stone palette into a CSS gradient?
Use
background: linear-gradient(to right, #4A5A40, #6B7A5E, #8C977E, #ADB89E, #C7C9BE);, or click "Use as a gradient" above to open it in the live generator.