Lord Farquad Yassified Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Lord Farquad Yassified palette
Lord Farquad Yassified color palette PNG image
Lord Farquad Yassified color palette CSS
/* CSS */
.color-1 {
color: #a300a0;
}
.color-2 {
color: #d6006f;
}
.color-3 {
color: #ff6e61;
}
.color-4 {
color: #ffb300;
}
.color-5 {
color: #ffd900;
}
/* CSS Variables */
:root {
--color-1: #a300a0;
--color-2: #d6006f;
--color-3: #ff6e61;
--color-4: #ffb300;
--color-5: #ffd900;
} Lord Farquad Yassified background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a300a0, #d6006f, #ff6e61, #ffb300, #ffd900);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a300a0, #d6006f, #ff6e61, #ffb300, #ffd900);
} Similar color palettes
Lord Farquad Yassified color palette created on .