Calm Sun and Always Suspicious Moon Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Calm Sun and Always Suspicious Moon palette
Calm Sun and Always Suspicious Moon color palette CSS
/* CSS */
.color-1 {
color: #f4c543;
}
.color-2 {
color: #f9e5b4;
}
.color-3 {
color: #e7a35f;
}
.color-4 {
color: #b4c9e4;
}
.color-5 {
color: #8a9bb7;
}
/* CSS Variables */
:root {
--color-1: #f4c543;
--color-2: #f9e5b4;
--color-3: #e7a35f;
--color-4: #b4c9e4;
--color-5: #8a9bb7;
} Calm Sun and Always Suspicious Moon background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4c543, #f9e5b4, #e7a35f, #b4c9e4, #8a9bb7);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4c543, #f9e5b4, #e7a35f, #b4c9e4, #8a9bb7);
} Similar color palettes
Calm Sun and Always Suspicious Moon color palette created on .