Be Patient カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Be Patient palette

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

Be Patient カラー パレット PNG 画像

Download be patient color palette PNG image (landscape)
Download be patient color palette PNG image (square)

Be Patient カラーパレット CSS

/* CSS */
.color-1 {
color: #ce8b50;
}
.color-2 {
color: #cf624a;
}
.color-3 {
color: #cd3732;
}
.color-4 {
color: #85004d;
}
.color-5 {
color: #3a0750;
}

/* CSS Variables */
:root {
--color-1: #ce8b50;
 --color-2: #cf624a;
 --color-3: #cd3732;
 --color-4: #85004d;
 --color-5: #3a0750;
 }

Be Patient の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ce8b50, #cf624a, #cd3732, #85004d, #3a0750);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ce8b50, #cf624a, #cd3732, #85004d, #3a0750);
}

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

Be Patient color palette created on .