Color collection
Yoga Color Palettes
Grounded yoga palettes for studios, wellness apps, retreats, and calm class booking pages.
#3185D8Accent#AAD651Surface#EBEFF4Text#121921Support#CE82A8Yoga 20Yoga / Wellness / CalmQuality 98Primary#3155D8Accent#D6BA51Surface#EBECF4Text#121521Support#CE8293Yoga 1Yoga / Wellness / CalmQuality 95Primary#7431D8Accent#CD51D6Surface#F0EBF4Text#191221Support#CEA182Yoga 2Yoga / Wellness / CalmQuality 95Primary#A331D8Accent#7CD651Surface#F2EBF4Text#1D1221Support#CEB682Yoga 5Yoga / Wellness / CalmQuality 95Primary#D8317FAccent#D6BC51Surface#F4EBEEText#211218Support#A6CE82Yoga 6Yoga / Wellness / CalmQuality 95Primary#D83150Accent#B3D651Surface#F4EBECText#211214Support#90CE82How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for yoga studios, meditation apps, retreats, and wellness brands. Favor soft natural tones and reserve the strongest color for booking or membership actions.
Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.
CSS Variables
:root {
--primary: #3185D8;
--accent: #AAD651;
--surface: #EBEFF4;
--text: #121921;
--support: #CE82A8;
}FAQ
Where should I use yoga color palettes?
These palettes are designed for yoga studios, meditation apps, retreats, and wellness brands.
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?
Favor soft natural tones and reserve the strongest color for booking or membership actions.