Loading...
Gentle Sea Breeze Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Gentle Sea Breeze palette
Download Gentle Sea Breeze Color Palette (PNG)
Gentle Sea Breeze color palette CSS
/* CSS */
.color-1 {
color: #a7dae6;
}
.color-2 {
color: #f1a8a2;
}
.color-3 {
color: #f6e7b6;
}
.color-4 {
color: #ffb84d;
}
.color-5 {
color: #e89c4a;
}
/* CSS Variables */
:root {
--color-1: #a7dae6;
--color-2: #f1a8a2;
--color-3: #f6e7b6;
--color-4: #ffb84d;
--color-5: #e89c4a;
} Gentle Sea Breeze background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7dae6, #f1a8a2, #f6e7b6, #ffb84d, #e89c4a);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7dae6, #f1a8a2, #f6e7b6, #ffb84d, #e89c4a);
} Similar color palettes
Gentle Sea Breeze color palette created on .