Believe in You カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Believe in You palette

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

Believe in You カラー パレット PNG 画像

Download believe in you color palette PNG image (landscape)
Download believe in you color palette PNG image (square)

Believe in You カラーパレット CSS

/* CSS */
.color-1 {
color: #d8a05f;
}
.color-2 {
color: #c65a39;
}
.color-3 {
color: #a54f4a;
}
.color-4 {
color: #508d2a;
}
.color-5 {
color: #a3d2c2;
}

/* CSS Variables */
:root {
--color-1: #d8a05f;
 --color-2: #c65a39;
 --color-3: #a54f4a;
 --color-4: #508d2a;
 --color-5: #a3d2c2;
 }

Believe in You の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d8a05f, #c65a39, #a54f4a, #508d2a, #a3d2c2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d8a05f, #c65a39, #a54f4a, #508d2a, #a3d2c2);
}

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

Believe in You color palette created on .