Calm Waters
#03045E
#023E8A
#0077B6
#0096C7
#90E0EF
How to use this palette
CSS Variables
:root {
--color-1: #03045E;
--color-2: #023E8A;
--color-3: #0077B6;
--color-4: #0096C7;
--color-5: #90E0EF;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
'1': '#03045E',
'2': '#023E8A',
'3': '#0077B6',
'4': '#0096C7',
'5': '#90E0EF'
}
}
}
}
}Palette Information
- Name
- Calm Waters
- ID
- calm-waters
- Categories
- Blue, Cool, Serene
- Number of Colors
- 5
Blue
Cool
Serene