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 .