Miss Emily Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Miss Emily palette
Color Inspiration
Images that showcase this color palette in real designs
Download Miss Emily Color Palette (PNG)
Miss Emily color palette CSS
/* CSS */
.color-1 {
color: #f7c5d4;
}
.color-2 {
color: #f1a7c6;
}
.color-3 {
color: #e55d93;
}
.color-4 {
color: #aa5dbb;
}
.color-5 {
color: #6e5c99;
}
/* CSS Variables */
:root {
--color-1: #f7c5d4;
--color-2: #f1a7c6;
--color-3: #e55d93;
--color-4: #aa5dbb;
--color-5: #6e5c99;
} Miss Emily background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7c5d4, #f1a7c6, #e55d93, #aa5dbb, #6e5c99);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7c5d4, #f1a7c6, #e55d93, #aa5dbb, #6e5c99);
} Similar color palettes
Miss Emily color palette created on .