Wellness Color Palettes for Calm Websites and Apps

Calm wellness palettes for yoga studios, coaching websites, meditation apps and lifestyle brands.

Sage#86A789
Pearl#F7F4EA
Clay#B7795F
Deep green#2F4F3E
Mist#DDE5D7

Best for

  • Wellness websites
  • Yoga studios
  • Meditation apps
  • Coaching pages

Usage tips

  • Avoid aggressive contrast on large calm sections.
  • Use deep green for headings and navigation.
  • Reserve clay for warm human touches.

CSS variables

:root {
  --palette-1: #86A789;
  --palette-2: #F7F4EA;
  --palette-3: #B7795F;
  --palette-4: #2F4F3E;
  --palette-5: #DDE5D7;
}

More color palette ideas

Website palettes
SaaS dashboard
Ecommerce
Luxury brand
Restaurant
Real estate