Aubergine Dreams カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Aubergine Dreams palette

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

Aubergine Dreams カラー パレット PNG 画像

Download aubergine dreams color palette PNG image (landscape)
Download aubergine dreams color palette PNG image (square)

Aubergine Dreams カラーパレット CSS

/* CSS */
.color-1 {
color: #4a1c24;
}
.color-2 {
color: #6e3b3a;
}
.color-3 {
color: #9a5b5e;
}
.color-4 {
color: #d69b8f;
}
.color-5 {
color: #f1d1c0;
}

/* CSS Variables */
:root {
--color-1: #4a1c24;
 --color-2: #6e3b3a;
 --color-3: #9a5b5e;
 --color-4: #d69b8f;
 --color-5: #f1d1c0;
 }

Aubergine Dreams の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a1c24, #6e3b3a, #9a5b5e, #d69b8f, #f1d1c0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a1c24, #6e3b3a, #9a5b5e, #d69b8f, #f1d1c0);
}

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

下にスクロールして4個のエステティックカラーパレットを探索しましょう

Aubergine Dreams color palette created on .