Strawberry Mocha Shades Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Strawberry Mocha Shades palette

Share this palette to:

Download Strawberry Mocha Shades Color Palette (PNG)

Download strawberry mocha shades color palette PNG image (landscape)
Download strawberry mocha shades color palette PNG image (square)

Strawberry Mocha Shades color palette CSS

/* CSS */
.color-1 {
color: #c54949;
}
.color-2 {
color: #d99a8c;
}
.color-3 {
color: #d4b19b;
}
.color-4 {
color: #b89b7a;
}
.color-5 {
color: #694b49;
}

/* CSS Variables */
:root {
--color-1: #c54949;
--color-2: #d99a8c;
--color-3: #d4b19b;
--color-4: #b89b7a;
--color-5: #694b49;
}

Strawberry Mocha Shades background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c54949, #d99a8c, #d4b19b, #b89b7a, #694b49);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c54949, #d99a8c, #d4b19b, #b89b7a, #694b49);
}

Strawberry Mocha Shades color palette created on .