Dusty Blue Color Palette
Soft slate and dusty blue over greige and cream, deepening to a quiet slate. Calm, romantic, and endlessly popular for weddings and gentle branding — the blue muted enough to behave like a neutral. For wedding stationery, soft editorial, and serene layouts.
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 {
--dusty-blue-1: #EFEAE0;
--dusty-blue-2: #E3DCCE;
--dusty-blue-3: #D5CCBA;
--dusty-blue-4: #C5BBA6;
--dusty-blue-5: #B4A891;
--dusty-blue-6: #A2957D;
--dusty-blue-7: #9FB2C0;
--dusty-blue-8: #8DA2B2;
--dusty-blue-9: #7B92A4;
--dusty-blue-10: #6A8296;
--dusty-blue-11: #5A7286;
--dusty-blue-12: #4B6275;
--dusty-blue-13: #7E8C99;
--dusty-blue-14: #6F7D8B;
--dusty-blue-15: #616E7C;
--dusty-blue-16: #53606E;
--dusty-blue-17: #465360;
--dusty-blue-18: #394652;
--dusty-blue-19: #344350;
--dusty-blue-20: #2D3A46;
--dusty-blue-21: #26313C;
--dusty-blue-22: #1F2832;
--dusty-blue-23: #192028;
--dusty-blue-24: #13181E;
--dusty-blue-25: #C7BEB0;
--dusty-blue-26: #B5AB9C;
--dusty-blue-27: #A29888;
--dusty-blue-28: #8F8574;
--dusty-blue-29: #7C7262;
--dusty-blue-30: #695F50;
}SCSS
$dusty-blue-1: #EFEAE0;
$dusty-blue-2: #E3DCCE;
$dusty-blue-3: #D5CCBA;
$dusty-blue-4: #C5BBA6;
$dusty-blue-5: #B4A891;
$dusty-blue-6: #A2957D;
$dusty-blue-7: #9FB2C0;
$dusty-blue-8: #8DA2B2;
$dusty-blue-9: #7B92A4;
$dusty-blue-10: #6A8296;
$dusty-blue-11: #5A7286;
$dusty-blue-12: #4B6275;
$dusty-blue-13: #7E8C99;
$dusty-blue-14: #6F7D8B;
$dusty-blue-15: #616E7C;
$dusty-blue-16: #53606E;
$dusty-blue-17: #465360;
$dusty-blue-18: #394652;
$dusty-blue-19: #344350;
$dusty-blue-20: #2D3A46;
$dusty-blue-21: #26313C;
$dusty-blue-22: #1F2832;
$dusty-blue-23: #192028;
$dusty-blue-24: #13181E;
$dusty-blue-25: #C7BEB0;
$dusty-blue-26: #B5AB9C;
$dusty-blue-27: #A29888;
$dusty-blue-28: #8F8574;
$dusty-blue-29: #7C7262;
$dusty-blue-30: #695F50;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'dusty-blue': {
'1': '#EFEAE0',
'2': '#E3DCCE',
'3': '#D5CCBA',
'4': '#C5BBA6',
'5': '#B4A891',
'6': '#A2957D',
'7': '#9FB2C0',
'8': '#8DA2B2',
'9': '#7B92A4',
'10': '#6A8296',
'11': '#5A7286',
'12': '#4B6275',
'13': '#7E8C99',
'14': '#6F7D8B',
'15': '#616E7C',
'16': '#53606E',
'17': '#465360',
'18': '#394652',
'19': '#344350',
'20': '#2D3A46',
'21': '#26313C',
'22': '#1F2832',
'23': '#192028',
'24': '#13181E',
'25': '#C7BEB0',
'26': '#B5AB9C',
'27': '#A29888',
'28': '#8F8574',
'29': '#7C7262',
'30': '#695F50',
},
},
},
},
};JSON
{
"name": "Dusty Blue",
"colors": [
"#EFEAE0",
"#E3DCCE",
"#D5CCBA",
"#C5BBA6",
"#B4A891",
"#A2957D",
"#9FB2C0",
"#8DA2B2",
"#7B92A4",
"#6A8296",
"#5A7286",
"#4B6275",
"#7E8C99",
"#6F7D8B",
"#616E7C",
"#53606E",
"#465360",
"#394652",
"#344350",
"#2D3A46",
"#26313C",
"#1F2832",
"#192028",
"#13181E",
"#C7BEB0",
"#B5AB9C",
"#A29888",
"#8F8574",
"#7C7262",
"#695F50"
]
}Hex list
#EFEAE0
#E3DCCE
#D5CCBA
#C5BBA6
#B4A891
#A2957D
#9FB2C0
#8DA2B2
#7B92A4
#6A8296
#5A7286
#4B6275
#7E8C99
#6F7D8B
#616E7C
#53606E
#465360
#394652
#344350
#2D3A46
#26313C
#1F2832
#192028
#13181E
#C7BEB0
#B5AB9C
#A29888
#8F8574
#7C7262
#695F50