Under the Oak Trees カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Under the Oak Trees palette

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

Under the Oak Trees カラー パレット PNG 画像

Download under the oak trees color palette PNG image (landscape)
Download under the oak trees color palette PNG image (square)

Under the Oak Trees カラーパレット CSS

/* CSS */
.color-1 {
color: #905027;
}
.color-2 {
color: #a67c54;
}
.color-3 {
color: #c5a66d;
}
.color-4 {
color: #d0c2a4;
}
.color-5 {
color: #e5e0c7;
}

/* CSS Variables */
:root {
--color-1: #905027;
 --color-2: #a67c54;
 --color-3: #c5a66d;
 --color-4: #d0c2a4;
 --color-5: #e5e0c7;
 }

Under the Oak Trees の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #905027, #a67c54, #c5a66d, #d0c2a4, #e5e0c7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #905027, #a67c54, #c5a66d, #d0c2a4, #e5e0c7);
}

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

Under the Oak Trees color palette created on .