Creamy Mint カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Creamy Mint palette

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

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

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

Creamy Mint カラーパレット CSS

/* CSS */
.color-1 {
color: #e8d8b5;
}
.color-2 {
color: #3c3d3e;
}
.color-3 {
color: #8ed7b9;
}
.color-4 {
color: #aacab9;
}
.color-5 {
color: #f2f4c3;
}

/* CSS Variables */
:root {
--color-1: #e8d8b5;
 --color-2: #3c3d3e;
 --color-3: #8ed7b9;
 --color-4: #aacab9;
 --color-5: #f2f4c3;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e8d8b5, #3c3d3e, #8ed7b9, #aacab9, #f2f4c3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e8d8b5, #3c3d3e, #8ed7b9, #aacab9, #f2f4c3);
}

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

Creamy Mint color palette created on .