Mora Azul Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Mora Azul palette
Color Inspiration
Images that showcase this color palette in real designs
Download Mora Azul Color Palette (PNG)
Mora Azul color palette CSS
/* CSS */
.color-1 {
color: #5d5fa8;
}
.color-2 {
color: #4b7bb9;
}
.color-3 {
color: #4eb7b1;
}
.color-4 {
color: #a0e9c7;
}
.color-5 {
color: #f7c5c5;
}
/* CSS Variables */
:root {
--color-1: #5d5fa8;
--color-2: #4b7bb9;
--color-3: #4eb7b1;
--color-4: #a0e9c7;
--color-5: #f7c5c5;
}
Mora Azul background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5d5fa8, #4b7bb9, #4eb7b1, #a0e9c7, #f7c5c5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5d5fa8, #4b7bb9, #4eb7b1, #a0e9c7, #f7c5c5);
}
Similar color palettes
Mora Azul color palette created on .