90s Grunge Color Palette
Flannel-shirt nineties: muted maroon, dirty mustard, grungy olive, faded denim, and washed charcoal. Everything desaturated and a little grimy, like a worn band tee under fluorescent light. For grunge and alt-rock graphics, distressed posters, and nostalgic 90s design.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--90s-grunge-1: #8A3A38;
--90s-grunge-2: #7C3331;
--90s-grunge-3: #6E2D2B;
--90s-grunge-4: #602726;
--90s-grunge-5: #522120;
--90s-grunge-6: #441B1A;
--90s-grunge-7: #A8893E;
--90s-grunge-8: #977A36;
--90s-grunge-9: #866B2F;
--90s-grunge-10: #755C27;
--90s-grunge-11: #644D20;
--90s-grunge-12: #533E19;
--90s-grunge-13: #4E5A3A;
--90s-grunge-14: #444F33;
--90s-grunge-15: #3A442C;
--90s-grunge-16: #303925;
--90s-grunge-17: #262E1E;
--90s-grunge-18: #1D2317;
--90s-grunge-19: #4A5E72;
--90s-grunge-20: #415366;
--90s-grunge-21: #39485A;
--90s-grunge-22: #313D4E;
--90s-grunge-23: #293342;
--90s-grunge-24: #212836;
--90s-grunge-25: #3A3632;
--90s-grunge-26: #322F2B;
--90s-grunge-27: #2A2724;
--90s-grunge-28: #221F1D;
--90s-grunge-29: #1A1816;
--90s-grunge-30: #121110;
}SCSS
$90s-grunge-1: #8A3A38;
$90s-grunge-2: #7C3331;
$90s-grunge-3: #6E2D2B;
$90s-grunge-4: #602726;
$90s-grunge-5: #522120;
$90s-grunge-6: #441B1A;
$90s-grunge-7: #A8893E;
$90s-grunge-8: #977A36;
$90s-grunge-9: #866B2F;
$90s-grunge-10: #755C27;
$90s-grunge-11: #644D20;
$90s-grunge-12: #533E19;
$90s-grunge-13: #4E5A3A;
$90s-grunge-14: #444F33;
$90s-grunge-15: #3A442C;
$90s-grunge-16: #303925;
$90s-grunge-17: #262E1E;
$90s-grunge-18: #1D2317;
$90s-grunge-19: #4A5E72;
$90s-grunge-20: #415366;
$90s-grunge-21: #39485A;
$90s-grunge-22: #313D4E;
$90s-grunge-23: #293342;
$90s-grunge-24: #212836;
$90s-grunge-25: #3A3632;
$90s-grunge-26: #322F2B;
$90s-grunge-27: #2A2724;
$90s-grunge-28: #221F1D;
$90s-grunge-29: #1A1816;
$90s-grunge-30: #121110;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'90s-grunge': {
'1': '#8A3A38',
'2': '#7C3331',
'3': '#6E2D2B',
'4': '#602726',
'5': '#522120',
'6': '#441B1A',
'7': '#A8893E',
'8': '#977A36',
'9': '#866B2F',
'10': '#755C27',
'11': '#644D20',
'12': '#533E19',
'13': '#4E5A3A',
'14': '#444F33',
'15': '#3A442C',
'16': '#303925',
'17': '#262E1E',
'18': '#1D2317',
'19': '#4A5E72',
'20': '#415366',
'21': '#39485A',
'22': '#313D4E',
'23': '#293342',
'24': '#212836',
'25': '#3A3632',
'26': '#322F2B',
'27': '#2A2724',
'28': '#221F1D',
'29': '#1A1816',
'30': '#121110',
},
},
},
},
};JSON
{
"name": "90s Grunge",
"colors": [
"#8A3A38",
"#7C3331",
"#6E2D2B",
"#602726",
"#522120",
"#441B1A",
"#A8893E",
"#977A36",
"#866B2F",
"#755C27",
"#644D20",
"#533E19",
"#4E5A3A",
"#444F33",
"#3A442C",
"#303925",
"#262E1E",
"#1D2317",
"#4A5E72",
"#415366",
"#39485A",
"#313D4E",
"#293342",
"#212836",
"#3A3632",
"#322F2B",
"#2A2724",
"#221F1D",
"#1A1816",
"#121110"
]
}Hex list
#8A3A38
#7C3331
#6E2D2B
#602726
#522120
#441B1A
#A8893E
#977A36
#866B2F
#755C27
#644D20
#533E19
#4E5A3A
#444F33
#3A442C
#303925
#262E1E
#1D2317
#4A5E72
#415366
#39485A
#313D4E
#293342
#212836
#3A3632
#322F2B
#2A2724
#221F1D
#1A1816
#121110