Sanemi and Hikarune Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Sanemi and Hikarune palette
Color Inspiration
Images that showcase this color palette in real designs
Download Sanemi and Hikarune Color Palette (PNG)
Sanemi and Hikarune color palette CSS
/* CSS */
.color-1 {
color: #6c909d;
}
.color-2 {
color: #b8d5d5;
}
.color-3 {
color: #f4e2c3;
}
.color-4 {
color: #f6b83c;
}
.color-5 {
color: #e13e33;
}
/* CSS Variables */
:root {
--color-1: #6c909d;
--color-2: #b8d5d5;
--color-3: #f4e2c3;
--color-4: #f6b83c;
--color-5: #e13e33;
} Sanemi and Hikarune background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6c909d, #b8d5d5, #f4e2c3, #f6b83c, #e13e33);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6c909d, #b8d5d5, #f4e2c3, #f6b83c, #e13e33);
} Similar color palettes
Sanemi and Hikarune color palette created on .