Golden Goat カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Golden Goat palette

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

Golden Goat カラー パレット PNG 画像

Download golden goat color palette PNG image (landscape)
Download golden goat color palette PNG image (square)

Golden Goat カラーパレット CSS

/* CSS */
.color-1 {
color: #b2a06c;
}
.color-2 {
color: #d1c38f;
}
.color-3 {
color: #e7dda2;
}
.color-4 {
color: #f5e4b2;
}
.color-5 {
color: #f9df9f;
}

/* CSS Variables */
:root {
--color-1: #b2a06c;
 --color-2: #d1c38f;
 --color-3: #e7dda2;
 --color-4: #f5e4b2;
 --color-5: #f9df9f;
 }

Golden Goat の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b2a06c, #d1c38f, #e7dda2, #f5e4b2, #f9df9f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b2a06c, #d1c38f, #e7dda2, #f5e4b2, #f9df9f);
}

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

Golden Goat color palette created on .