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