Dipper Pines カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dipper Pines palette

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

Dipper Pines カラー パレット PNG 画像

Download dipper pines color palette PNG image (landscape)
Download dipper pines color palette PNG image (square)

Dipper Pines カラーパレット CSS

/* CSS */
.color-1 {
color: #5b7a8f;
}
.color-2 {
color: #a1b5af;
}
.color-3 {
color: #e2d8a7;
}
.color-4 {
color: #f4caae;
}
.color-5 {
color: #e0793e;
}

/* CSS Variables */
:root {
--color-1: #5b7a8f;
 --color-2: #a1b5af;
 --color-3: #e2d8a7;
 --color-4: #f4caae;
 --color-5: #e0793e;
 }

Dipper Pines の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5b7a8f, #a1b5af, #e2d8a7, #f4caae, #e0793e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5b7a8f, #a1b5af, #e2d8a7, #f4caae, #e0793e);
}

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

下にスクロールして10個のフォレストカラーパレットを探索しましょう

Dipper Pines color palette created on .