Soft Natural Cat カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Soft Natural Cat palette

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

Soft Natural Cat カラー パレット PNG 画像

Download soft natural cat color palette PNG image (landscape)
Download soft natural cat color palette PNG image (square)

Soft Natural Cat カラーパレット CSS

/* CSS */
.color-1 {
color: #e0d1ae;
}
.color-2 {
color: #d0b89a;
}
.color-3 {
color: #f2e1c4;
}
.color-4 {
color: #e5caa4;
}
.color-5 {
color: #b9a488;
}

/* CSS Variables */
:root {
--color-1: #e0d1ae;
 --color-2: #d0b89a;
 --color-3: #f2e1c4;
 --color-4: #e5caa4;
 --color-5: #b9a488;
 }

Soft Natural Cat の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e0d1ae, #d0b89a, #f2e1c4, #e5caa4, #b9a488);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e0d1ae, #d0b89a, #f2e1c4, #e5caa4, #b9a488);
}

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

Soft Natural Cat color palette created on .