Silt Stripe カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Silt Stripe palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Silt Stripe カラーパレット (PNG) をダウンロード

Download silt stripe color palette PNG image (landscape)
Download silt stripe color palette PNG image (square)

Silt Stripe カラーパレット CSS

/* CSS */
.color-1 {
color: #d5c2a5;
}
.color-2 {
color: #b49d79;
}
.color-3 {
color: #7c7c5a;
}
.color-4 {
color: #4d6a5e;
}
.color-5 {
color: #3a8c8d;
}

/* CSS Variables */
:root {
--color-1: #d5c2a5;
 --color-2: #b49d79;
 --color-3: #7c7c5a;
 --color-4: #4d6a5e;
 --color-5: #3a8c8d;
 }

Silt Stripe の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d5c2a5, #b49d79, #7c7c5a, #4d6a5e, #3a8c8d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d5c2a5, #b49d79, #7c7c5a, #4d6a5e, #3a8c8d);
}

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

Silt Stripe color palette created on .