Denim and Wine カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Denim and Wine palette

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

Denim and Wine カラー パレット PNG 画像

Download denim and wine color palette PNG image (landscape)
Download denim and wine color palette PNG image (square)

Denim and Wine カラーパレット CSS

/* CSS */
.color-1 {
color: #1e4e7b;
}
.color-2 {
color: #8a9cb2;
}
.color-3 {
color: #c07797;
}
.color-4 {
color: #af4b4e;
}
.color-5 {
color: #682c3a;
}

/* CSS Variables */
:root {
--color-1: #1e4e7b;
 --color-2: #8a9cb2;
 --color-3: #c07797;
 --color-4: #af4b4e;
 --color-5: #682c3a;
 }

Denim and Wine の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e4e7b, #8a9cb2, #c07797, #af4b4e, #682c3a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e4e7b, #8a9cb2, #c07797, #af4b4e, #682c3a);
}

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

Denim and Wine color palette created on .