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