Earthy, natural CSS buttons
Earthy buttons use muted, natural colours: forest green, terracotta, sand, sage, olive and espresso. They fit wellness, outdoors, food and sustainability brands that want calm rather than flashy.
Tips for earthy & natural CSS buttons
Earthy palettes look best with soft shadows and modest radius. Muted colours can drift into low contrast, so check that the label passes WCAG AA, especially on sand and sage.
Click any button above to get its CSS and HTML, or open the editor to tune the colours, font, shadows and hover animation and copy your own version.