Bold and Cute カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bold and Cute palette

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

Bold and Cute カラーパレット (PNG) をダウンロード

Download bold and cute color palette PNG image (landscape)
Download bold and cute color palette PNG image (square)

Bold and Cute カラーパレット CSS

/* CSS */
.color-1 {
color: #fbdeb1;
}
.color-2 {
color: #fbd4a7;
}
.color-3 {
color: #ed97a7;
}
.color-4 {
color: #f6daf5;
}
.color-5 {
color: #fad1ff;
}

/* CSS Variables */
:root {
--color-1: #fbdeb1;
 --color-2: #fbd4a7;
 --color-3: #ed97a7;
 --color-4: #f6daf5;
 --color-5: #fad1ff;
 }

Bold and Cute の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fbdeb1, #fbd4a7, #ed97a7, #f6daf5, #fad1ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fbdeb1, #fbd4a7, #ed97a7, #f6daf5, #fad1ff);
}

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

Bold and Cute color palette created on .