Lavender Coco Mint カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lavender Coco Mint palette

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

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

Download lavender coco mint color palette PNG image (landscape)
Download lavender coco mint color palette PNG image (square)

Lavender Coco Mint カラーパレット CSS

/* CSS */
.color-1 {
color: #e5e5fa;
}
.color-2 {
color: #b4e4d5;
}
.color-3 {
color: #a8e1e1;
}
.color-4 {
color: #f5f5db;
}
.color-5 {
color: #ffddc2;
}

/* CSS Variables */
:root {
--color-1: #e5e5fa;
 --color-2: #b4e4d5;
 --color-3: #a8e1e1;
 --color-4: #f5f5db;
 --color-5: #ffddc2;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e5e5fa, #b4e4d5, #a8e1e1, #f5f5db, #ffddc2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e5e5fa, #b4e4d5, #a8e1e1, #f5f5db, #ffddc2);
}

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

下にスクロールして8個のラベンダーカラーパレットを探索しましょう

Lavender Coco Mint color palette created on .