Blue Green Yellow Watercolor Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Blue Green Yellow Watercolor palette

Share this palette to:

Download Blue Green Yellow Watercolor Color Palette (PNG)

Download blue green yellow watercolor color palette PNG image (landscape)
Download blue green yellow watercolor color palette PNG image (square)

Blue Green Yellow Watercolor color palette CSS

/* CSS */
.color-1 {
color: #1e89b3;
}
.color-2 {
color: #4eb7a9;
}
.color-3 {
color: #a6d8a8;
}
.color-4 {
color: #f3eb53;
}
.color-5 {
color: #f9af39;
}

/* CSS Variables */
:root {
--color-1: #1e89b3;
--color-2: #4eb7a9;
--color-3: #a6d8a8;
--color-4: #f3eb53;
--color-5: #f9af39;
}

Blue Green Yellow Watercolor background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e89b3, #4eb7a9, #a6d8a8, #f3eb53, #f9af39);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e89b3, #4eb7a9, #a6d8a8, #f3eb53, #f9af39);
}

Blue Green Yellow Watercolor color palette created on .