Lavender Fields
#7209B7
#B5179E
#F72585
#3A0CA3
#4361EE
How to use this palette
CSS Variables
:root {
--color-1: #7209B7;
--color-2: #B5179E;
--color-3: #F72585;
--color-4: #3A0CA3;
--color-5: #4361EE;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
'1': '#7209B7',
'2': '#B5179E',
'3': '#F72585',
'4': '#3A0CA3',
'5': '#4361EE'
}
}
}
}
}Palette Information
- Name
- Lavender Fields
- ID
- lavender-fields
- Categories
- Purple, Vibrant, Bold
- Number of Colors
- 5
Purple
Vibrant
Bold