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