158 palettes tagged #green
Natural, fresh green color palettes for growth, health and nature brands.
The green reference values and ready-to-paste CSS variables. Click any value to copy it.
:root {
--green-50: #E8F5E9;
--green-200: #81C784;
--green-400: #4CAF50;
--green-600: #2E7D32;
--green-800: #1B5E20;
}
Prefer Tailwind? Drop these hex codes into the colors key of your tailwind.config.js, or copy any palette above as a full Tailwind config.
Green is the colour of nature, growth and renewal. It feels restful to the eye and signals health, sustainability and balance — ideal for organic, finance and wellness.
Green palettes often build on shades like #E8F5E9, #81C784, #4CAF50, #2E7D32, #1B5E20. Click any palette above to copy its hex codes, CSS, or Tailwind values straight into your project — combine lighter tints for backgrounds with deeper tones for text and accents.