Soft Pastels Color Palette
A full pastel rainbow — powder pink, peach, butter, mint, and periwinkle-lilac, every hue softened to the same gentle register. Sweet and airy without any one color dominating, so it stays balanced across a whole layout. For nursery and baby goods, soft packaging, and dreamy, low-contrast illustration.
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 {
--soft-pastels-1: #FBDDE6;
--soft-pastels-2: #F9CDD9;
--soft-pastels-3: #F7BDCC;
--soft-pastels-4: #F4ADBF;
--soft-pastels-5: #F19EB2;
--soft-pastels-6: #EC8FA6;
--soft-pastels-7: #FCE0D2;
--soft-pastels-8: #FAD0BC;
--soft-pastels-9: #F8C1A8;
--soft-pastels-10: #F5B295;
--soft-pastels-11: #F2A483;
--soft-pastels-12: #ED9672;
--soft-pastels-13: #FBF1C4;
--soft-pastels-14: #F8E9AE;
--soft-pastels-15: #F4E198;
--soft-pastels-16: #EFD884;
--soft-pastels-17: #E8CE72;
--soft-pastels-18: #DFC362;
--soft-pastels-19: #DAF2DE;
--soft-pastels-20: #C6EACC;
--soft-pastels-21: #B2E1BA;
--soft-pastels-22: #9ED8A8;
--soft-pastels-23: #8BCE98;
--soft-pastels-24: #79C388;
--soft-pastels-25: #D6E6F6;
--soft-pastels-26: #C4D8F0;
--soft-pastels-27: #C7C9F0;
--soft-pastels-28: #CCBCEC;
--soft-pastels-29: #D2B2E6;
--soft-pastels-30: #D8AADE;
}SCSS
$soft-pastels-1: #FBDDE6;
$soft-pastels-2: #F9CDD9;
$soft-pastels-3: #F7BDCC;
$soft-pastels-4: #F4ADBF;
$soft-pastels-5: #F19EB2;
$soft-pastels-6: #EC8FA6;
$soft-pastels-7: #FCE0D2;
$soft-pastels-8: #FAD0BC;
$soft-pastels-9: #F8C1A8;
$soft-pastels-10: #F5B295;
$soft-pastels-11: #F2A483;
$soft-pastels-12: #ED9672;
$soft-pastels-13: #FBF1C4;
$soft-pastels-14: #F8E9AE;
$soft-pastels-15: #F4E198;
$soft-pastels-16: #EFD884;
$soft-pastels-17: #E8CE72;
$soft-pastels-18: #DFC362;
$soft-pastels-19: #DAF2DE;
$soft-pastels-20: #C6EACC;
$soft-pastels-21: #B2E1BA;
$soft-pastels-22: #9ED8A8;
$soft-pastels-23: #8BCE98;
$soft-pastels-24: #79C388;
$soft-pastels-25: #D6E6F6;
$soft-pastels-26: #C4D8F0;
$soft-pastels-27: #C7C9F0;
$soft-pastels-28: #CCBCEC;
$soft-pastels-29: #D2B2E6;
$soft-pastels-30: #D8AADE;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'soft-pastels': {
'1': '#FBDDE6',
'2': '#F9CDD9',
'3': '#F7BDCC',
'4': '#F4ADBF',
'5': '#F19EB2',
'6': '#EC8FA6',
'7': '#FCE0D2',
'8': '#FAD0BC',
'9': '#F8C1A8',
'10': '#F5B295',
'11': '#F2A483',
'12': '#ED9672',
'13': '#FBF1C4',
'14': '#F8E9AE',
'15': '#F4E198',
'16': '#EFD884',
'17': '#E8CE72',
'18': '#DFC362',
'19': '#DAF2DE',
'20': '#C6EACC',
'21': '#B2E1BA',
'22': '#9ED8A8',
'23': '#8BCE98',
'24': '#79C388',
'25': '#D6E6F6',
'26': '#C4D8F0',
'27': '#C7C9F0',
'28': '#CCBCEC',
'29': '#D2B2E6',
'30': '#D8AADE',
},
},
},
},
};JSON
{
"name": "Soft Pastels",
"colors": [
"#FBDDE6",
"#F9CDD9",
"#F7BDCC",
"#F4ADBF",
"#F19EB2",
"#EC8FA6",
"#FCE0D2",
"#FAD0BC",
"#F8C1A8",
"#F5B295",
"#F2A483",
"#ED9672",
"#FBF1C4",
"#F8E9AE",
"#F4E198",
"#EFD884",
"#E8CE72",
"#DFC362",
"#DAF2DE",
"#C6EACC",
"#B2E1BA",
"#9ED8A8",
"#8BCE98",
"#79C388",
"#D6E6F6",
"#C4D8F0",
"#C7C9F0",
"#CCBCEC",
"#D2B2E6",
"#D8AADE"
]
}Hex list
#FBDDE6
#F9CDD9
#F7BDCC
#F4ADBF
#F19EB2
#EC8FA6
#FCE0D2
#FAD0BC
#F8C1A8
#F5B295
#F2A483
#ED9672
#FBF1C4
#F8E9AE
#F4E198
#EFD884
#E8CE72
#DFC362
#DAF2DE
#C6EACC
#B2E1BA
#9ED8A8
#8BCE98
#79C388
#D6E6F6
#C4D8F0
#C7C9F0
#CCBCEC
#D2B2E6
#D8AADE