Old Timey Cowboy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Old Timey Cowboy palette

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

Old Timey Cowboy カラー パレット PNG 画像

Download old timey cowboy color palette PNG image (landscape)
Download old timey cowboy color palette PNG image (square)

Old Timey Cowboy カラーパレット CSS

/* CSS */
.color-1 {
color: #844933;
}
.color-2 {
color: #e0c99e;
}
.color-3 {
color: #b66843;
}
.color-4 {
color: #ecb86a;
}
.color-5 {
color: #563c29;
}

/* CSS Variables */
:root {
--color-1: #844933;
 --color-2: #e0c99e;
 --color-3: #b66843;
 --color-4: #ecb86a;
 --color-5: #563c29;
 }

Old Timey Cowboy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #844933, #e0c99e, #b66843, #ecb86a, #563c29);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #844933, #e0c99e, #b66843, #ecb86a, #563c29);
}

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

Old Timey Cowboy color palette created on .