Quail Bracken カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Quail Bracken palette

このパレットを共有する先：

Quail Bracken カラー パレット PNG 画像

Download quail bracken color palette PNG image (landscape)
Download quail bracken color palette PNG image (square)

Quail Bracken カラーパレット CSS

/* CSS */
.color-1 {
color: #c2b180;
}
.color-2 {
color: #d5c1a5;
}
.color-3 {
color: #e7d2b6;
}
.color-4 {
color: #f2e6c5;
}
.color-5 {
color: #f8f1dd;
}

/* CSS Variables */
:root {
--color-1: #c2b180;
 --color-2: #d5c1a5;
 --color-3: #e7d2b6;
 --color-4: #f2e6c5;
 --color-5: #f8f1dd;
 }

Quail Bracken の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c2b180, #d5c1a5, #e7d2b6, #f2e6c5, #f8f1dd);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c2b180, #d5c1a5, #e7d2b6, #f2e6c5, #f8f1dd);
}

似たようなカラーパレット

Quail Bracken color palette created on .