Fairy Tide Treats Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Fairy Tide Treats palette
Color Inspiration
Images that showcase this color palette in real designs
Download Fairy Tide Treats Color Palette (PNG)
Fairy Tide Treats color palette CSS
/* CSS */
.color-1 {
color: #76c4e0;
}
.color-2 {
color: #9fe0d8;
}
.color-3 {
color: #f5e0b2;
}
.color-4 {
color: #f6b5b1;
}
.color-5 {
color: #f49ac2;
}
/* CSS Variables */
:root {
--color-1: #76c4e0;
--color-2: #9fe0d8;
--color-3: #f5e0b2;
--color-4: #f6b5b1;
--color-5: #f49ac2;
} Fairy Tide Treats background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #76c4e0, #9fe0d8, #f5e0b2, #f6b5b1, #f49ac2);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #76c4e0, #9fe0d8, #f5e0b2, #f6b5b1, #f49ac2);
} Similar color palettes
Fairy Tide Treats color palette created on .