Spotify Vibes
Custom • 5 colors • 🔥 Warm
Colors
Spotify Green
#1DB954RGB(29, 185, 84) • HSL(141°, 73%, 42%)
CMYK(84%, 0%, 55%, 27%)
Nature, health, growth, harmony, money
Deep Crimson
#191414RGB(25, 20, 20) • HSL(0°, 11%, 9%)
CMYK(0%, 20%, 20%, 90%)
Elegance, power, sophistication, mystery, authority
Deep Graphite
#212121RGB(33, 33, 33) • HSL(0°, 0%, 13%)
CMYK(0%, 0%, 0%, 87%)
Elegance, power, sophistication, mystery, authority
Muted Graphite
#535353RGB(83, 83, 83) • HSL(0°, 0%, 33%)
CMYK(0%, 0%, 0%, 67%)
Neutrality, balance, professionalism, maturity
Soft Graphite
#B3B3B3RGB(179, 179, 179) • HSL(0°, 0%, 70%)
CMYK(0%, 0%, 0%, 30%)
Neutrality, balance, professionalism, maturity
Harmony
Custom
A unique combination tailored to your needs.
Temperature
Warm
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.
| - | 7.05:1AAA | 6.23:1AA | 2.97:1Fail | 1.23:1Fail | |
7.05:1AAA | - | 1.13:1Fail | 2.37:1Fail | 8.7:1AAA | |
6.23:1AA | 1.13:1Fail | - | 2.09:1Fail | 7.68:1AAA | |
2.97:1Fail | 2.37:1Fail | 2.09:1Fail | - | 3.67:1Fail | |
1.23:1Fail | 8.7:1AAA | 7.68:1AAA | 3.67: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
Food & Entertainment
Great for restaurants, events and entertainment
Corporate & Finance
Suitable for professional and financial services
Mobile Apps
Works well for mobile interfaces
Web Design
Suitable for modern websites
Palette Statistics
Type
Neutral
Temperature
🔥 Warm
Light / Dark
1 / 4
Avg Contrast
4.3:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.1:1
Average
4.3:1
Maximum
8.7:1
WCAG AA requires 4.5:1 for text, 3:1 for large text
Suggestions
Well balanced palette! Good variety and contrast.
Harmony Analysis
Detected Harmony
Custom
A unique combination tailored to your needs.
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 (5)
Colores 1 y 4 difíciles de distinguir (2.97:1) en modo normal
Colores 1 y 5 difíciles de distinguir (1.23:1) en modo normal
Colores 2 y 3 difíciles de distinguir (1.13:1) en modo normal
Colores 2 y 4 difíciles de distinguir (2.37:1) en modo normal
Colores 3 y 4 difíciles de distinguir (2.09:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #1DB954, #191414, #212121, #535353, #B3B3B3);#1DB954 → #191414
#191414 → #212121
#212121 → #535353
#535353 → #B3B3B3
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#1DB954
#191414
#212121
#535353
#B3B3B3
Export Code
:root {
--color-1: #1DB954;
--color-2: #191414;
--color-3: #212121;
--color-4: #535353;
--color-5: #B3B3B3;
}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.