Queen of the Rainforest Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Queen of the Rainforest palette

Share this palette to:

Download Queen of the Rainforest Color Palette (PNG)

Download queen of the rainforest color palette PNG image (landscape)
Download queen of the rainforest color palette PNG image (square)

Queen of the Rainforest color palette CSS

/* CSS */
.color-1 {
color: #1d3a23;
}
.color-2 {
color: #3a6e5c;
}
.color-3 {
color: #77b6a9;
}
.color-4 {
color: #b1e7d8;
}
.color-5 {
color: #f5faeb;
}

/* CSS Variables */
:root {
--color-1: #1d3a23;
--color-2: #3a6e5c;
--color-3: #77b6a9;
--color-4: #b1e7d8;
--color-5: #f5faeb;
}

Queen of the Rainforest background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d3a23, #3a6e5c, #77b6a9, #b1e7d8, #f5faeb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d3a23, #3a6e5c, #77b6a9, #b1e7d8, #f5faeb);
}

Queen of the Rainforest color palette created on .