Dwight Schrute カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dwight Schrute palette

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

Dwight Schrute カラー パレット PNG 画像

Download dwight schrute color palette PNG image (landscape)
Download dwight schrute color palette PNG image (square)

Dwight Schrute カラーパレット CSS

/* CSS */
.color-1 {
color: #895b29;
}
.color-2 {
color: #c2aa5b;
}
.color-3 {
color: #f4dfb4;
}
.color-4 {
color: #e6b8a2;
}
.color-5 {
color: #a64a26;
}

/* CSS Variables */
:root {
--color-1: #895b29;
 --color-2: #c2aa5b;
 --color-3: #f4dfb4;
 --color-4: #e6b8a2;
 --color-5: #a64a26;
 }

Dwight Schrute の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #895b29, #c2aa5b, #f4dfb4, #e6b8a2, #a64a26);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #895b29, #c2aa5b, #f4dfb4, #e6b8a2, #a64a26);
}

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

Dwight Schrute color palette created on .