Lavender Fields Color Palette
A Provence lavender row in bloom — pale lilac into deep violet, with green stems, a soft sky band, and golden late-sun accents. The purples carry the palette while the green and gold keep it grounded in a real field rather than a generic pastel swatch. Made for floral work, dreamy landscapes, and soft botanical patterns.
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 {
--lavender-fields-1: #EDE5F4;
--lavender-fields-2: #DDD0EC;
--lavender-fields-3: #CABAE0;
--lavender-fields-4: #B6A2D3;
--lavender-fields-5: #A28BC4;
--lavender-fields-6: #8D74B2;
--lavender-fields-7: #7E62A8;
--lavender-fields-8: #6F539A;
--lavender-fields-9: #60458B;
--lavender-fields-10: #52397B;
--lavender-fields-11: #442E6A;
--lavender-fields-12: #372559;
--lavender-fields-13: #BCC6A0;
--lavender-fields-14: #A8B488;
--lavender-fields-15: #94A171;
--lavender-fields-16: #7F8D5C;
--lavender-fields-17: #6A7849;
--lavender-fields-18: #566338;
--lavender-fields-19: #CFE0EE;
--lavender-fields-20: #B3CCE2;
--lavender-fields-21: #96B6D3;
--lavender-fields-22: #7A9FC2;
--lavender-fields-23: #6188AE;
--lavender-fields-24: #4C7197;
--lavender-fields-25: #F3DFA8;
--lavender-fields-26: #EBCF86;
--lavender-fields-27: #DDBA64;
--lavender-fields-28: #C9A24A;
--lavender-fields-29: #B08838;
--lavender-fields-30: #946F2A;
}SCSS
$lavender-fields-1: #EDE5F4;
$lavender-fields-2: #DDD0EC;
$lavender-fields-3: #CABAE0;
$lavender-fields-4: #B6A2D3;
$lavender-fields-5: #A28BC4;
$lavender-fields-6: #8D74B2;
$lavender-fields-7: #7E62A8;
$lavender-fields-8: #6F539A;
$lavender-fields-9: #60458B;
$lavender-fields-10: #52397B;
$lavender-fields-11: #442E6A;
$lavender-fields-12: #372559;
$lavender-fields-13: #BCC6A0;
$lavender-fields-14: #A8B488;
$lavender-fields-15: #94A171;
$lavender-fields-16: #7F8D5C;
$lavender-fields-17: #6A7849;
$lavender-fields-18: #566338;
$lavender-fields-19: #CFE0EE;
$lavender-fields-20: #B3CCE2;
$lavender-fields-21: #96B6D3;
$lavender-fields-22: #7A9FC2;
$lavender-fields-23: #6188AE;
$lavender-fields-24: #4C7197;
$lavender-fields-25: #F3DFA8;
$lavender-fields-26: #EBCF86;
$lavender-fields-27: #DDBA64;
$lavender-fields-28: #C9A24A;
$lavender-fields-29: #B08838;
$lavender-fields-30: #946F2A;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'lavender-fields': {
'1': '#EDE5F4',
'2': '#DDD0EC',
'3': '#CABAE0',
'4': '#B6A2D3',
'5': '#A28BC4',
'6': '#8D74B2',
'7': '#7E62A8',
'8': '#6F539A',
'9': '#60458B',
'10': '#52397B',
'11': '#442E6A',
'12': '#372559',
'13': '#BCC6A0',
'14': '#A8B488',
'15': '#94A171',
'16': '#7F8D5C',
'17': '#6A7849',
'18': '#566338',
'19': '#CFE0EE',
'20': '#B3CCE2',
'21': '#96B6D3',
'22': '#7A9FC2',
'23': '#6188AE',
'24': '#4C7197',
'25': '#F3DFA8',
'26': '#EBCF86',
'27': '#DDBA64',
'28': '#C9A24A',
'29': '#B08838',
'30': '#946F2A',
},
},
},
},
};JSON
{
"name": "Lavender Fields",
"colors": [
"#EDE5F4",
"#DDD0EC",
"#CABAE0",
"#B6A2D3",
"#A28BC4",
"#8D74B2",
"#7E62A8",
"#6F539A",
"#60458B",
"#52397B",
"#442E6A",
"#372559",
"#BCC6A0",
"#A8B488",
"#94A171",
"#7F8D5C",
"#6A7849",
"#566338",
"#CFE0EE",
"#B3CCE2",
"#96B6D3",
"#7A9FC2",
"#6188AE",
"#4C7197",
"#F3DFA8",
"#EBCF86",
"#DDBA64",
"#C9A24A",
"#B08838",
"#946F2A"
]
}Hex list
#EDE5F4
#DDD0EC
#CABAE0
#B6A2D3
#A28BC4
#8D74B2
#7E62A8
#6F539A
#60458B
#52397B
#442E6A
#372559
#BCC6A0
#A8B488
#94A171
#7F8D5C
#6A7849
#566338
#CFE0EE
#B3CCE2
#96B6D3
#7A9FC2
#6188AE
#4C7197
#F3DFA8
#EBCF86
#DDBA64
#C9A24A
#B08838
#946F2A