Wellness App
Analogous • 5 colors • ⚖️ Neutral
Colors
Soft Forest
#A7F3D0RGB(167, 243, 208) • HSL(152°, 76%, 80%)
CMYK(31%, 0%, 14%, 5%)
Nature, health, growth, harmony, money
Vibrant Forest
#6EE7B7RGB(110, 231, 183) • HSL(156°, 72%, 67%)
CMYK(52%, 0%, 21%, 9%)
Nature, health, growth, harmony, money
Bright Mint
#34D399RGB(52, 211, 153) • HSL(158°, 64%, 52%)
CMYK(75%, 0%, 27%, 17%)
Nature, health, growth, harmony, money
Electric Emerald
#059669RGB(5, 150, 105) • HSL(161°, 94%, 30%)
CMYK(97%, 0%, 30%, 41%)
Nature, health, growth, harmony, money
Deep Forest
#064E3BRGB(6, 78, 59) • HSL(164°, 86%, 16%)
CMYK(92%, 0%, 24%, 69%)
Nature, health, growth, harmony, money
Harmony
Monochromatic
All colors share the same hue with different lightness/saturation. Creates unity and elegance.
Temperature
Neutral
Contrast
AA: 4.5:1 · AAA: 7:1
Palette Health Score
Accessibility
Harmony
Total
= Palette Health
Accessibility Matrix (WCAG)
Contrast ratio between all color pairs. AA requires 4.5:1 for text, AAA requires 7:1.
| - | 1.19:1Fail | 1.5:1Fail | 2.94:1Fail | 7.58:1AAA | |
1.19:1Fail | - | 1.26:1Fail | 2.47:1Fail | 6.38:1AA | |
1.5:1Fail | 1.26:1Fail | - | 1.96:1Fail | 5.06:1AA | |
2.94:1Fail | 2.47:1Fail | 1.96:1Fail | - | 2.58:1Fail | |
7.58:1AAA | 6.38:1AA | 5.06:1AA | 2.58:1Fail | - |
Color Blindness Simulation
How this palette appears to people with different types of color vision deficiency.
Original
Protanopia (red-blind)
~1.3%Deuteranopia (green-blind)
~1.2%Tritanopia (blue-blind)
~0.01%Achromatopsia (total)
~0.003%Psychology & Meaning
Recommended Uses
Health & Wellness
Ideal for health, eco and wellness brands
Creative & Arts
Perfect for creative agencies and artistic projects
Mobile Apps
Works well for mobile interfaces
Web Design
Suitable for modern websites
Palette Statistics
Type
Vibrant
Temperature
⚖️ Neutral
Light / Dark
3 / 2
Avg Contrast
3.3:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.2:1
Average
3.3:1
Maximum
7.6:1
WCAG AA requires 4.5:1 for text, 3:1 for large text
Suggestions
Low hue diversity. Consider expanding the hue range.
Harmony Analysis
Detected Harmony
Monochromatic
All colors share the same hue with different lightness/saturation. Creates unity and elegance.
Harmony Score
Accessibility Report
Accessibility
/100
WCAG AA
PASS
Text contrast with white/black
Colorblind
WARNING
Color distinction for CVD users
Quality Criteria
Issues Found (7)
Colores 1 y 2 difíciles de distinguir (1.19:1) en modo normal
Colores 1 y 3 difíciles de distinguir (1.50:1) en modo normal
Colores 1 y 4 difíciles de distinguir (2.94:1) en modo normal
Colores 2 y 3 difíciles de distinguir (1.26:1) en modo normal
Colores 2 y 4 difíciles de distinguir (2.47:1) en modo normal
Colores 3 y 4 difíciles de distinguir (1.96:1) en modo normal
Colores 4 y 5 difíciles de distinguir (2.58:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #A7F3D0, #6EE7B7, #34D399, #059669, #064E3B);#A7F3D0 → #6EE7B7
#6EE7B7 → #34D399
#34D399 → #059669
#059669 → #064E3B
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#A7F3D0
#6EE7B7
#34D399
#059669
#064E3B
Export Code
:root {
--color-1: #A7F3D0;
--color-2: #6EE7B7;
--color-3: #34D399;
--color-4: #059669;
--color-5: #064E3B;
}Related Palettes
Explore variations and alternatives generated from this palette
Complementary
Opposite colors on the wheel
Analogous Shift
Shifted 30° on the wheel
Lighter Version
15% lighter
Darker Version
15% darker
Muted
30% less saturation
Vibrant
30% more saturation
Triadic Shift
Shifted 120° on the wheel
Split Complementary
Shifted 150° on the wheel
Monochromatic
Based on first color
Preview
See how your palette looks in a real landing page context
Welcome to Our Platform
Discover amazing features and boost your productivity with our innovative solutions.
Feature One
Feature Two
Feature Three
© 2026 Your Brand. All rights reserved.