Whispers of the Chamomile Night Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Whispers of the Chamomile Night palette

Share this palette to:

Download Whispers of the Chamomile Night Color Palette (PNG)

Download whispers of the chamomile night color palette PNG image (landscape)
Download whispers of the chamomile night color palette PNG image (square)

Whispers of the Chamomile Night color palette CSS

/* CSS */
.color-1 {
color: #f6e8b1;
}
.color-2 {
color: #d6c5a8;
}
.color-3 {
color: #a3b8b1;
}
.color-4 {
color: #6b8f9e;
}
.color-5 {
color: #3e5b74;
}

/* CSS Variables */
:root {
--color-1: #f6e8b1;
--color-2: #d6c5a8;
--color-3: #a3b8b1;
--color-4: #6b8f9e;
--color-5: #3e5b74;
}

Whispers of the Chamomile Night background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6e8b1, #d6c5a8, #a3b8b1, #6b8f9e, #3e5b74);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6e8b1, #d6c5a8, #a3b8b1, #6b8f9e, #3e5b74);
}

Whispers of the Chamomile Night color palette created on .