Pastel Rainbow
#FF9BB3
#FFEEAB
#BBEBB4
#A1D6F7
#D5B8FF
How to use this palette
CSS Variables
:root {
--color-1: #FF9BB3;
--color-2: #FFEEAB;
--color-3: #BBEBB4;
--color-4: #A1D6F7;
--color-5: #D5B8FF;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
'1': '#FF9BB3',
'2': '#FFEEAB',
'3': '#BBEBB4',
'4': '#A1D6F7',
'5': '#D5B8FF'
}
}
}
}
}Palette Information
- Name
- Pastel Rainbow
- ID
- pastel-rainbow
- Categories
- Pastel, Rainbow, Soft
- Number of Colors
- 5
Pastel
Rainbow
Soft