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 .