Loading...
Yin and Yang Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Yin and Yang palette
Download Yin and Yang Color Palette (PNG)
Yin and Yang color palette CSS
/* CSS */
.color-1 {
color: #ffffff;
}
.color-2 {
color: #000000;
}
.color-3 {
color: #cccccc;
}
.color-4 {
color: #666666;
}
.color-5 {
color: #333333;
}
/* CSS Variables */
:root {
--color-1: #ffffff;
--color-2: #000000;
--color-3: #cccccc;
--color-4: #666666;
--color-5: #333333;
} Yin and Yang background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffffff, #000000, #cccccc, #666666, #333333);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffffff, #000000, #cccccc, #666666, #333333);
} Similar color palettes
Yin and Yang color palette created on .