Botanic Minimalism カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Botanic Minimalism palette

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

Botanic Minimalism カラー パレット PNG 画像

Download botanic minimalism color palette PNG image (landscape)
Download botanic minimalism color palette PNG image (square)

Botanic Minimalism カラーパレット CSS

/* CSS */
.color-1 {
color: #a8e6ce;
}
.color-2 {
color: #dbedbf;
}
.color-3 {
color: #ffd4b8;
}
.color-4 {
color: #ffadad;
}
.color-5 {
color: #ff667d;
}

/* CSS Variables */
:root {
--color-1: #a8e6ce;
 --color-2: #dbedbf;
 --color-3: #ffd4b8;
 --color-4: #ffadad;
 --color-5: #ff667d;
 }

Botanic Minimalism の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a8e6ce, #dbedbf, #ffd4b8, #ffadad, #ff667d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a8e6ce, #dbedbf, #ffd4b8, #ffadad, #ff667d);
}

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

Botanic Minimalism color palette created on .