Brutalist Architecture
Analogous • 5 colors • 🔥 Warm
Colors
Stone Gray
#808080RGB(128, 128, 128) • HSL(0°, 0%, 50%)
CMYK(0%, 0%, 0%, 50%)
Neutrality, balance, professionalism, maturity
Muted Graphite
#A0A0A0RGB(160, 160, 160) • HSL(0°, 0%, 63%)
CMYK(0%, 0%, 0%, 37%)
Neutrality, balance, professionalism, maturity
Full Moon Silver
#C0C0C0RGB(192, 192, 192) • HSL(0°, 0%, 75%)
CMYK(0%, 0%, 0%, 25%)
Neutrality, balance, professionalism, maturity
Muted Graphite
#505050RGB(80, 80, 80) • HSL(0°, 0%, 31%)
CMYK(0%, 0%, 0%, 69%)
Neutrality, balance, professionalism, maturity
Velvet Black
#2C2C2CRGB(44, 44, 44) • HSL(0°, 0%, 17%)
CMYK(0%, 0%, 0%, 83%)
Neutrality, balance, professionalism, maturity
Harmony
Achromatic
Neutral colors without chromatic saturation. Elegant and timeless.
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.51:1Fail | 2.17:1Fail | 2.04:1Fail | 3.54:1Fail | |
1.51:1Fail | - | 1.44:1Fail | 3.08:1Fail | 5.34:1AA | |
2.17:1Fail | 1.44:1Fail | - | 4.43:1Fail | 7.68:1AAA | |
2.04:1Fail | 3.08:1Fail | 4.43:1Fail | - | 1.73:1Fail | |
3.54:1Fail | 5.34:1AA | 7.68:1AAA | 1.73: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
3 / 2
Avg Contrast
3.3:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.4:1
Average
3.3:1
Maximum
7.7: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
Achromatic
Neutral colors without chromatic saturation. Elegant and timeless.
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 2 difíciles de distinguir (1.51:1) en modo normal
Colores 1 y 3 difíciles de distinguir (2.17:1) en modo normal
Colores 1 y 4 difíciles de distinguir (2.04:1) en modo normal
Colores 2 y 3 difíciles de distinguir (1.44:1) en modo normal
Colores 4 y 5 difíciles de distinguir (1.73:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #808080, #A0A0A0, #C0C0C0, #505050, #2C2C2C);#808080 → #A0A0A0
#A0A0A0 → #C0C0C0
#C0C0C0 → #505050
#505050 → #2C2C2C
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#808080
#A0A0A0
#C0C0C0
#505050
#2C2C2C
Export Code
:root {
--color-1: #808080;
--color-2: #A0A0A0;
--color-3: #C0C0C0;
--color-4: #505050;
--color-5: #2C2C2C;
}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.