Appalachia カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Appalachia palette

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

Appalachia カラー パレット PNG 画像

Download appalachia color palette PNG image (landscape)
Download appalachia color palette PNG image (square)

Appalachia カラーパレット CSS

/* CSS */
.color-1 {
color: #698c91;
}
.color-2 {
color: #9fc6c4;
}
.color-3 {
color: #e2c2a1;
}
.color-4 {
color: #d17a2e;
}
.color-5 {
color: #5b3a39;
}

/* CSS Variables */
:root {
--color-1: #698c91;
 --color-2: #9fc6c4;
 --color-3: #e2c2a1;
 --color-4: #d17a2e;
 --color-5: #5b3a39;
 }

Appalachia の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #698c91, #9fc6c4, #e2c2a1, #d17a2e, #5b3a39);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #698c91, #9fc6c4, #e2c2a1, #d17a2e, #5b3a39);
}

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

下にスクロールして2個のマウンテンカラーパレットを探索しましょう

Appalachia color palette created on .