Color collection
Pastel Green Color Palettes
Fresh green palettes for wellness dashboards, eco brands, health apps, and soft editorial layouts.
#8E9BE1Accent#E8AC9CSurface#E7E7F9Text#121421Support#CE828EPastel Green 12Pastel / Green / WellnessQuality 92Primary#998EE1Accent#E8D09CSurface#ECE7F9Text#151221Support#CE8C82Pastel Green 4Pastel / Green / WellnessQuality 91Primary#99E18EAccent#9CE8E4Surface#E7F9E7Text#132112Support#828CCEPastel Green 5Pastel / Green / WellnessQuality 91Primary#8EE19BAccent#9CC8E8Surface#E7F9ECText#122115Support#8E82CEPastel Green 6Pastel / Green / WellnessQuality 91Primary#8EE1B2Accent#9CA5E8Surface#E7F9F1Text#12211ASupport#A382CEPastel Green 7Pastel / Green / WellnessQuality 90Primary#8EE1CAAccent#E89CB1Surface#E7F9F6Text#12211ESupport#B982CEHow to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for wellness products, sustainability pages, and soft SaaS UI. Pair pastel greens with cream surfaces and a deep forest text color for readable calm.
Pastel palettes are softened without letting text fade into the surface; the neutral text role is intentionally stronger than the accent colors.
CSS Variables
:root {
--primary: #8E9BE1;
--accent: #E8AC9C;
--surface: #E7E7F9;
--text: #121421;
--support: #CE828E;
}FAQ
Where should I use pastel green color palettes?
These palettes are designed for wellness products, sustainability pages, and soft SaaS UI.
Can I copy these colors into a design system?
Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.
How do I avoid low contrast?
Pair pastel greens with cream surfaces and a deep forest text color for readable calm.