Tourmaline Dreams Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Tourmaline Dreams palette
Color Inspiration
Images that showcase this color palette in real designs
Download Tourmaline Dreams Color Palette (PNG)
Tourmaline Dreams color palette CSS
/* CSS */
.color-1 {
color: #27a086;
}
.color-2 {
color: #fbaba2;
}
.color-3 {
color: #f7e7b6;
}
.color-4 {
color: #b2e1ca;
}
.color-5 {
color: #e3829c;
}
/* CSS Variables */
:root {
--color-1: #27a086;
--color-2: #fbaba2;
--color-3: #f7e7b6;
--color-4: #b2e1ca;
--color-5: #e3829c;
} Tourmaline Dreams background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #27a086, #fbaba2, #f7e7b6, #b2e1ca, #e3829c);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #27a086, #fbaba2, #f7e7b6, #b2e1ca, #e3829c);
} Similar color palettes
Tourmaline Dreams color palette created on .