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