Blue Pearl Ocean Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Blue Pearl Ocean palette
Blue Pearl Ocean color palette CSS
/* CSS */
.color-1 {
color: #c7d5ef;
}
.color-2 {
color: #91b6de;
}
.color-3 {
color: #6172b8;
}
.color-4 {
color: #4060a5;
}
.color-5 {
color: #2f5479;
}
/* CSS Variables */
:root {
--color-1: #c7d5ef;
--color-2: #91b6de;
--color-3: #6172b8;
--color-4: #4060a5;
--color-5: #2f5479;
} Blue Pearl Ocean background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c7d5ef, #91b6de, #6172b8, #4060a5, #2f5479);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c7d5ef, #91b6de, #6172b8, #4060a5, #2f5479);
} Similar color palettes
Blue Pearl Ocean color palette created on .