Monochrome Purple Color Palette
Thirty even steps of one purple, pale wisteria down to deep aubergine. A monochromatic ramp for regal, mysterious, or dreamy work that wants depth from a single hue. Soft at the top, velvety at the bottom.
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 {
--mono-purple-1: #F3EDFA;
--mono-purple-2: #E8DDF4;
--mono-purple-3: #DDCEEE;
--mono-purple-4: #D2BEE8;
--mono-purple-5: #C7AFE1;
--mono-purple-6: #BC9FDA;
--mono-purple-7: #B190D2;
--mono-purple-8: #A681CA;
--mono-purple-9: #9B72C1;
--mono-purple-10: #9063B7;
--mono-purple-11: #8554AC;
--mono-purple-12: #7A47A0;
--mono-purple-13: #6F3C92;
--mono-purple-14: #643484;
--mono-purple-15: #592D76;
--mono-purple-16: #4E2768;
--mono-purple-17: #43225A;
--mono-purple-18: #391D4C;
--mono-purple-19: #2F1840;
--mono-purple-20: #261334;
--mono-purple-21: #1E0F2A;
--mono-purple-22: #170B20;
--mono-purple-23: #110817;
--mono-purple-24: #0C0610;
--mono-purple-25: #08040B;
--mono-purple-26: #050307;
--mono-purple-27: #030204;
--mono-purple-28: #020103;
--mono-purple-29: #010102;
--mono-purple-30: #010001;
}SCSS
$mono-purple-1: #F3EDFA;
$mono-purple-2: #E8DDF4;
$mono-purple-3: #DDCEEE;
$mono-purple-4: #D2BEE8;
$mono-purple-5: #C7AFE1;
$mono-purple-6: #BC9FDA;
$mono-purple-7: #B190D2;
$mono-purple-8: #A681CA;
$mono-purple-9: #9B72C1;
$mono-purple-10: #9063B7;
$mono-purple-11: #8554AC;
$mono-purple-12: #7A47A0;
$mono-purple-13: #6F3C92;
$mono-purple-14: #643484;
$mono-purple-15: #592D76;
$mono-purple-16: #4E2768;
$mono-purple-17: #43225A;
$mono-purple-18: #391D4C;
$mono-purple-19: #2F1840;
$mono-purple-20: #261334;
$mono-purple-21: #1E0F2A;
$mono-purple-22: #170B20;
$mono-purple-23: #110817;
$mono-purple-24: #0C0610;
$mono-purple-25: #08040B;
$mono-purple-26: #050307;
$mono-purple-27: #030204;
$mono-purple-28: #020103;
$mono-purple-29: #010102;
$mono-purple-30: #010001;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'mono-purple': {
'1': '#F3EDFA',
'2': '#E8DDF4',
'3': '#DDCEEE',
'4': '#D2BEE8',
'5': '#C7AFE1',
'6': '#BC9FDA',
'7': '#B190D2',
'8': '#A681CA',
'9': '#9B72C1',
'10': '#9063B7',
'11': '#8554AC',
'12': '#7A47A0',
'13': '#6F3C92',
'14': '#643484',
'15': '#592D76',
'16': '#4E2768',
'17': '#43225A',
'18': '#391D4C',
'19': '#2F1840',
'20': '#261334',
'21': '#1E0F2A',
'22': '#170B20',
'23': '#110817',
'24': '#0C0610',
'25': '#08040B',
'26': '#050307',
'27': '#030204',
'28': '#020103',
'29': '#010102',
'30': '#010001',
},
},
},
},
};JSON
{
"name": "Monochrome Purple",
"colors": [
"#F3EDFA",
"#E8DDF4",
"#DDCEEE",
"#D2BEE8",
"#C7AFE1",
"#BC9FDA",
"#B190D2",
"#A681CA",
"#9B72C1",
"#9063B7",
"#8554AC",
"#7A47A0",
"#6F3C92",
"#643484",
"#592D76",
"#4E2768",
"#43225A",
"#391D4C",
"#2F1840",
"#261334",
"#1E0F2A",
"#170B20",
"#110817",
"#0C0610",
"#08040B",
"#050307",
"#030204",
"#020103",
"#010102",
"#010001"
]
}Hex list
#F3EDFA
#E8DDF4
#DDCEEE
#D2BEE8
#C7AFE1
#BC9FDA
#B190D2
#A681CA
#9B72C1
#9063B7
#8554AC
#7A47A0
#6F3C92
#643484
#592D76
#4E2768
#43225A
#391D4C
#2F1840
#261334
#1E0F2A
#170B20
#110817
#0C0610
#08040B
#050307
#030204
#020103
#010102
#010001