Deep Sea Dream Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Deep Sea Dream palette

Condividi questa palette a:

Scarica la tavolozza dei colori Deep Sea Dream (PNG)

Download deep sea dream color palette PNG image (landscape)
Download deep sea dream color palette PNG image (square)

tavolozza dei colori Deep Sea Dream CSS

/* CSS */
.color-1 {
color: #1b4b4a;
}
.color-2 {
color: #2f7f7c;
}
.color-3 {
color: #4bb9a1;
}
.color-4 {
color: #74e2d1;
}
.color-5 {
color: #b1f2e6;
}

/* CSS Variables */
:root {
--color-1: #1b4b4a;
 --color-2: #2f7f7c;
 --color-3: #4bb9a1;
 --color-4: #74e2d1;
 --color-5: #b1f2e6;
 }

CSS con gradiente di sfondo Deep Sea Dream

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b4b4a, #2f7f7c, #4bb9a1, #74e2d1, #b1f2e6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b4b4a, #2f7f7c, #4bb9a1, #74e2d1, #b1f2e6);
}

Tavolozze di colori simili

Deep Sea Dream color palette created on .