Tanzanite Dream カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Tanzanite Dream palette

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

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

Download tanzanite dream color palette PNG image (landscape)
Download tanzanite dream color palette PNG image (square)

Tanzanite Dream カラーパレット CSS

/* CSS */
.color-1 {
color: #5c4c8a;
}
.color-2 {
color: #896cbc;
}
.color-3 {
color: #a67dca;
}
.color-4 {
color: #d3b2e0;
}
.color-5 {
color: #f2e5ff;
}

/* CSS Variables */
:root {
--color-1: #5c4c8a;
 --color-2: #896cbc;
 --color-3: #a67dca;
 --color-4: #d3b2e0;
 --color-5: #f2e5ff;
 }

Tanzanite Dream の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5c4c8a, #896cbc, #a67dca, #d3b2e0, #f2e5ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5c4c8a, #896cbc, #a67dca, #d3b2e0, #f2e5ff);
}

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

Tanzanite Dream color palette created on .