Retro Diner Delight Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Retro Diner Delight palette
Retro Diner Delight color palette PNG image
Retro Diner Delight color palette CSS
/* CSS */
.color-1 {
color: #ff7092;
}
.color-2 {
color: #ff998a;
}
.color-3 {
color: #ffb59e;
}
.color-4 {
color: #ffe9a8;
}
.color-5 {
color: #fff7db;
}
/* CSS Variables */
:root {
--color-1: #ff7092;
--color-2: #ff998a;
--color-3: #ffb59e;
--color-4: #ffe9a8;
--color-5: #fff7db;
} Retro Diner Delight background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7092, #ff998a, #ffb59e, #ffe9a8, #fff7db);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7092, #ff998a, #ffb59e, #ffe9a8, #fff7db);
} Similar color palettes
Retro Diner Delight color palette created on .