Dark Souls
Custom • 5 colors • ⚖️ Neutral
Colors
Panther Black
#0A0A0ARGB(10, 10, 10) • HSL(0°, 0%, 4%)
CMYK(0%, 0%, 0%, 96%)
Elegance, power, sophistication, mystery, authority
Film Noir
#1A1A2ERGB(26, 26, 46) • HSL(240°, 28%, 14%)
CMYK(43%, 43%, 0%, 82%)
Elegance, power, sophistication, mystery, authority
Rich Terracotta
#3D1C00RGB(61, 28, 0) • HSL(28°, 100%, 12%)
CMYK(0%, 54%, 100%, 76%)
Elegance, power, sophistication, mystery, authority
Earth Brown
#8B4513RGB(139, 69, 19) • HSL(25°, 76%, 31%)
CMYK(0%, 50%, 86%, 45%)
Creativity, enthusiasm, adventure, confidence
Klimt Gold
#D4AF37RGB(212, 175, 55) • HSL(46°, 65%, 52%)
CMYK(0%, 17%, 74%, 17%)
Optimism, joy, clarity, creativity
Harmony
Split-Complementary
A color with two adjacent to its complement. Softer than pure complementary.
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.16:1Fail | 1.29:1Fail | 2.79:1Fail | 9.42:1AAA | |
1.16:1Fail | - | 1.11:1Fail | 2.4:1Fail | 8.11:1AAA | |
1.29:1Fail | 1.11:1Fail | - | 2.17:1Fail | 7.32:1AAA | |
2.79:1Fail | 2.4:1Fail | 2.17:1Fail | - | 3.38:1Fail | |
9.42:1AAA | 8.11:1AAA | 7.32:1AAA | 3.38: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
Mobile Apps
Works well for mobile interfaces
Web Design
Suitable for modern websites
Palette Statistics
Type
Balanced
Temperature
⚖️ Neutral
Light / Dark
1 / 4
Avg Contrast
3.9:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.1:1
Average
3.9:1
Maximum
9.4: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
Split-Complementary
A color with two adjacent to its complement. Softer than pure complementary.
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 (6)
Colores 1 y 2 difíciles de distinguir (1.16:1) en modo normal
Colores 1 y 3 difíciles de distinguir (1.29:1) en modo normal
Colores 1 y 4 difíciles de distinguir (2.79:1) en modo normal
Colores 2 y 3 difíciles de distinguir (1.11:1) en modo normal
Colores 2 y 4 difíciles de distinguir (2.40:1) en modo normal
Colores 3 y 4 difíciles de distinguir (2.17:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #0A0A0A, #1A1A2E, #3D1C00, #8B4513, #D4AF37);#0A0A0A → #1A1A2E
#1A1A2E → #3D1C00
#3D1C00 → #8B4513
#8B4513 → #D4AF37
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#0A0A0A
#1A1A2E
#3D1C00
#8B4513
#D4AF37
Export Code
:root {
--color-1: #0A0A0A;
--color-2: #1A1A2E;
--color-3: #3D1C00;
--color-4: #8B4513;
--color-5: #D4AF37;
}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.