Elegant Pastels
#E0E1DD
#778DA9
#415A77
#1B263B
#0D1B2A
How to use this palette
CSS Variables
:root {
--color-1: #E0E1DD;
--color-2: #778DA9;
--color-3: #415A77;
--color-4: #1B263B;
--color-5: #0D1B2A;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
'1': '#E0E1DD',
'2': '#778DA9',
'3': '#415A77',
'4': '#1B263B',
'5': '#0D1B2A'
}
}
}
}
}Palette Information
- Name
- Elegant Pastels
- ID
- elegant-pastels
- Categories
- Pastel, Elegant, Muted
- Number of Colors
- 5
Pastel
Elegant
Muted