Summer Splash
#6930C3
#5E60CE
#5390D9
#56CFE1
#72EFDD
How to use this palette
CSS Variables
:root {
--color-1: #6930C3;
--color-2: #5E60CE;
--color-3: #5390D9;
--color-4: #56CFE1;
--color-5: #72EFDD;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
'1': '#6930C3',
'2': '#5E60CE',
'3': '#5390D9',
'4': '#56CFE1',
'5': '#72EFDD'
}
}
}
}
}Palette Information
- Name
- Summer Splash
- ID
- summer-splash
- Categories
- Cool, Summer, Vibrant
- Number of Colors
- 5
Cool
Summer
Vibrant