Ocean Breeze
#05445E
#189AB4
#75E6DA
#D4F1F9
#F8F9FA
How to use this palette
CSS Variables
:root {
--color-1: #05445E;
--color-2: #189AB4;
--color-3: #75E6DA;
--color-4: #D4F1F9;
--color-5: #F8F9FA;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
'1': '#05445E',
'2': '#189AB4',
'3': '#75E6DA',
'4': '#D4F1F9',
'5': '#F8F9FA'
}
}
}
}
}Palette Information
- Name
- Ocean Breeze
- ID
- ocean-breeze
- Categories
- Cool, Blue, Calm
- Number of Colors
- 5
Cool
Blue
Calm