Candy Coated Dreams カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Candy Coated Dreams palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Candy Coated Dreams カラーパレット (PNG) をダウンロード

Download candy coated dreams color palette PNG image (landscape)
Download candy coated dreams color palette PNG image (square)

Candy Coated Dreams カラーパレット CSS

/* CSS */
.color-1 {
color: #ffb3ba;
}
.color-2 {
color: #ff667d;
}
.color-3 {
color: #d4a5a5;
}
.color-4 {
color: #c1e1c1;
}
.color-5 {
color: #d9bf78;
}

/* CSS Variables */
:root {
--color-1: #ffb3ba;
 --color-2: #ff667d;
 --color-3: #d4a5a5;
 --color-4: #c1e1c1;
 --color-5: #d9bf78;
 }

Candy Coated Dreams の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb3ba, #ff667d, #d4a5a5, #c1e1c1, #d9bf78);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb3ba, #ff667d, #d4a5a5, #c1e1c1, #d9bf78);
}

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

Candy Coated Dreams color palette created on .