Creamy Delight カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Creamy Delight palette

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

Creamy Delight カラー パレット PNG 画像

Download creamy delight color palette PNG image (landscape)
Download creamy delight color palette PNG image (square)

Creamy Delight カラーパレット CSS

/* CSS */
.color-1 {
color: #f6e0c1;
}
.color-2 {
color: #e1c6a8;
}
.color-3 {
color: #d0bfa9;
}
.color-4 {
color: #a69a7d;
}
.color-5 {
color: #8b7b5b;
}

/* CSS Variables */
:root {
--color-1: #f6e0c1;
 --color-2: #e1c6a8;
 --color-3: #d0bfa9;
 --color-4: #a69a7d;
 --color-5: #8b7b5b;
 }

Creamy Delight の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6e0c1, #e1c6a8, #d0bfa9, #a69a7d, #8b7b5b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6e0c1, #e1c6a8, #d0bfa9, #a69a7d, #8b7b5b);
}

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

Creamy Delight color palette created on .