Aubrey カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Aubrey palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

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

Aubrey カラーパレット CSS

/* CSS */
.color-1 {
color: #d2a2c5;
}
.color-2 {
color: #b67cb6;
}
.color-3 {
color: #a06e95;
}
.color-4 {
color: #d68f99;
}
.color-5 {
color: #f1b1c5;
}

/* CSS Variables */
:root {
--color-1: #d2a2c5;
 --color-2: #b67cb6;
 --color-3: #a06e95;
 --color-4: #d68f99;
 --color-5: #f1b1c5;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d2a2c5, #b67cb6, #a06e95, #d68f99, #f1b1c5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d2a2c5, #b67cb6, #a06e95, #d68f99, #f1b1c5);
}

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

下にスクロールして3個の赤褐色カラーパレットを探索しましょう

Aubrey color palette created on .