Japanese Garden Maple Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Japanese Garden Maple palette
Japanese Garden Maple color palette PNG image
Japanese Garden Maple color palette CSS
/* CSS */
.color-1 {
color: #b82e2e;
}
.color-2 {
color: #f0a800;
}
.color-3 {
color: #f0d400;
}
.color-4 {
color: #7ab2c2;
}
.color-5 {
color: #6f4c3e;
}
/* CSS Variables */
:root {
--color-1: #b82e2e;
--color-2: #f0a800;
--color-3: #f0d400;
--color-4: #7ab2c2;
--color-5: #6f4c3e;
} Japanese Garden Maple background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b82e2e, #f0a800, #f0d400, #7ab2c2, #6f4c3e);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b82e2e, #f0a800, #f0d400, #7ab2c2, #6f4c3e);
} Similar color palettes
Scroll down to explore 3 Japanese color palettes
Japanese Garden Maple color palette created on .