Calm Wellness
Soft sage and sand for wellness and beauty brands.
Color codes
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(33, 38%, 94%) | cmyk(0%, 2%, 4%, 4%) | |||
| hsl(26, 31%, 84%) | cmyk(0%, 6%, 11%, 11%) | |||
| hsl(82, 20%, 62%) | cmyk(8%, 0%, 22%, 31%) | |||
| hsl(119, 19%, 42%) | cmyk(32%, 0%, 33%, 49%) | |||
| hsl(150, 20%, 25%) | cmyk(33%, 0%, 17%, 69%) |
CSS
:root {
--calm-wellness-1: #F6F1EB;
--calm-wellness-2: #E3D5CA;
--calm-wellness-3: #A3B18A;
--calm-wellness-4: #588157;
--calm-wellness-5: #344E41;
}How these colors work together
Its hues are spread widely around the wheel, giving a balanced, varied scheme. Overall it reads warm. Lightness spans 69 points, which sets how much contrast you can create.
2 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is #F6F1EB on #344E41 (8.09:1).
Calm Wellness — readable text using the best pair.
Suggested applications
- Logos and complete visual identities.
- Interface themes: use the lightest color for backgrounds and the darkest for text.
- Brand kits, social graphics and presentations.
Frequently asked questions
How do I use the Calm Wellness palette?
The Calm Wellness palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use #F6F1EB on #344E41: it has a contrast ratio of 8.09:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.
More palettes
Fresh Startup#06D6A0 #118AB2 #073B4C #FFD166 #EF476FEco Brand#2D6A4F #40916C #95D5B2 #D8F3DC #081C15Bold Food Brand#D62828 #F77F00 #FCBF49 #EAE2B7 #003049Healthcare Calm#0F4C5C #2A9D8F #8ECAE6 #E9F5F2 #FFFFFFAccessible Contrast#FFFFFF #1A1A1A #0050B3 #B00020 #00703CWarm E-commerce#FFF7ED #FED7AA #EA580C #7C2D12 #1C1917