Medieval Knight Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Medieval Knight palette
Color Inspiration
Images that showcase this color palette in real designs
Download Medieval Knight Color Palette (PNG)
Medieval Knight color palette CSS
/* CSS */
.color-1 {
color: #c64a2f;
}
.color-2 {
color: #d8a06e;
}
.color-3 {
color: #a9cbb8;
}
.color-4 {
color: #6d8d8b;
}
.color-5 {
color: #4d3b28;
}
/* CSS Variables */
:root {
--color-1: #c64a2f;
--color-2: #d8a06e;
--color-3: #a9cbb8;
--color-4: #6d8d8b;
--color-5: #4d3b28;
}
Medieval Knight background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c64a2f, #d8a06e, #a9cbb8, #6d8d8b, #4d3b28);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c64a2f, #d8a06e, #a9cbb8, #6d8d8b, #4d3b28);
}
Similar color palettes
Medieval Knight color palette created on .