Onyx & Gold
Custom • 5 colors • 🔥 Warm
Colors
Deep Graphite
#0F0F0FRGB(15, 15, 15) • HSL(0°, 0%, 6%)
CMYK(0%, 0%, 0%, 94%)
Elegance, power, sophistication, mystery, authority
Spinning Vinyl
#1A1A1ARGB(26, 26, 26) • HSL(0°, 0%, 10%)
CMYK(0%, 0%, 0%, 90%)
Elegance, power, sophistication, mystery, authority
Deep Graphite
#2B2B2BRGB(43, 43, 43) • HSL(0°, 0%, 17%)
CMYK(0%, 0%, 0%, 83%)
Neutrality, balance, professionalism, maturity
Klimt Gold
#D4AF37RGB(212, 175, 55) • HSL(46°, 65%, 52%)
CMYK(0%, 17%, 74%, 17%)
Optimism, joy, clarity, creativity
Soft Canary
#F5E6A8RGB(245, 230, 168) • HSL(48°, 79%, 81%)
CMYK(0%, 6%, 31%, 4%)
Optimism, joy, clarity, creativity
Harmony
Monochromatic
All colors share the same hue with different lightness/saturation. Creates unity and elegance.
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.
| - | 1.1:1Fail | 1.35:1Fail | 9.12:1AAA | 15.3:1AAA | |
1.1:1Fail | - | 1.23:1Fail | 8.28:1AAA | 13.9:1AAA | |
1.35:1Fail | 1.23:1Fail | - | 6.73:1AA | 11.3:1AAA | |
9.12:1AAA | 8.28:1AAA | 6.73:1AA | - | 1.68:1Fail | |
15.3:1AAA | 13.9:1AAA | 11.3:1AAA | 1.68: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
Monochromatic
Temperature
🔥 Warm
Light / Dark
2 / 3
Avg Contrast
7.0:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.1:1
Average
7.0:1
Maximum
15.3: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
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 (4)
Colores 1 y 2 difíciles de distinguir (1.10:1) en modo normal
Colores 1 y 3 difíciles de distinguir (1.35:1) en modo normal
Colores 2 y 3 difíciles de distinguir (1.23:1) en modo normal
Colores 4 y 5 difíciles de distinguir (1.68:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #0F0F0F, #1A1A1A, #2B2B2B, #D4AF37, #F5E6A8);#0F0F0F → #1A1A1A
#1A1A1A → #2B2B2B
#2B2B2B → #D4AF37
#D4AF37 → #F5E6A8
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#0F0F0F
#1A1A1A
#2B2B2B
#D4AF37
#F5E6A8
Export Code
:root {
--color-1: #0F0F0F;
--color-2: #1A1A1A;
--color-3: #2B2B2B;
--color-4: #D4AF37;
--color-5: #F5E6A8;
}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.