Rose Garden
Analogous • 5 colors • ⚖️ Neutral
Colors
Heart Red
#C41E3ARGB(196, 30, 58) • HSL(350°, 73%, 44%)
CMYK(0%, 85%, 70%, 23%)
Passion, energy, urgency, power, love
Vibrant Coral
#E06070RGB(224, 96, 112) • HSL(353°, 67%, 63%)
CMYK(0%, 57%, 50%, 12%)
Passion, energy, urgency, power, love
Soft Crimson
#F0A0A0RGB(240, 160, 160) • HSL(0°, 73%, 78%)
CMYK(0%, 33%, 33%, 6%)
Passion, energy, urgency, power, love
Soft Crimson
#F8D0D0RGB(248, 208, 208) • HSL(0°, 74%, 89%)
CMYK(0%, 16%, 16%, 3%)
Passion, energy, urgency, power, love
Soft Crimson
#FFF0F0RGB(255, 240, 240) • HSL(0°, 100%, 97%)
CMYK(0%, 6%, 6%, 0%)
Passion, energy, urgency, power, love
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.69:1Fail | 2.85:1Fail | 4.15:1Fail | 5.28:1AA | |
1.69:1Fail | - | 1.69:1Fail | 2.46:1Fail | 3.12:1Fail | |
2.85:1Fail | 1.69:1Fail | - | 1.46:1Fail | 1.85:1Fail | |
4.15:1Fail | 2.46:1Fail | 1.46:1Fail | - | 1.27:1Fail | |
5.28:1AA | 3.12:1Fail | 1.85:1Fail | 1.27: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
4 / 1
Avg Contrast
2.6:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.3:1
Average
2.6:1
Maximum
5.3:1
WCAG AA requires 4.5:1 for text, 3:1 for large text
Suggestions
Low average contrast. Consider adding lighter or darker colors.
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.69:1) en modo normal
Colores 1 y 3 difíciles de distinguir (2.85:1) en modo normal
Colores 2 y 3 difíciles de distinguir (1.69:1) en modo normal
Colores 2 y 4 difíciles de distinguir (2.46:1) en modo normal
Colores 3 y 4 difíciles de distinguir (1.46:1) en modo normal
Colores 3 y 5 difíciles de distinguir (1.85:1) en modo normal
Colores 4 y 5 difíciles de distinguir (1.27:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #C41E3A, #E06070, #F0A0A0, #F8D0D0, #FFF0F0);#C41E3A → #E06070
#E06070 → #F0A0A0
#F0A0A0 → #F8D0D0
#F8D0D0 → #FFF0F0
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#C41E3A
#E06070
#F0A0A0
#F8D0D0
#FFF0F0
Export Code
:root {
--color-1: #C41E3A;
--color-2: #E06070;
--color-3: #F0A0A0;
--color-4: #F8D0D0;
--color-5: #FFF0F0;
}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.