Governor Bay Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Governor Bay palette
Governor Bay color palette PNG image
Governor Bay color palette CSS
/* CSS */
.color-1 {
color: #5349ab;
}
.color-2 {
color: #4a5ad3;
}
.color-3 {
color: #41e1c4;
}
.color-4 {
color: #94b9f0;
}
.color-5 {
color: #c7d4ff;
}
/* CSS Variables */
:root {
--color-1: #5349ab;
--color-2: #4a5ad3;
--color-3: #41e1c4;
--color-4: #94b9f0;
--color-5: #c7d4ff;
} Governor Bay background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5349ab, #4a5ad3, #41e1c4, #94b9f0, #c7d4ff);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5349ab, #4a5ad3, #41e1c4, #94b9f0, #c7d4ff);
} Similar color palettes
Scroll down to explore 1000+ Blue color palettes
Governor Bay color palette created on .