Showa Retro Pastel Dreamy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Showa Retro Pastel Dreamy palette

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

Showa Retro Pastel Dreamy カラー パレット PNG 画像

Download showa retro pastel dreamy color palette PNG image (landscape)
Download showa retro pastel dreamy color palette PNG image (square)

Showa Retro Pastel Dreamy カラーパレット CSS

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

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

Showa Retro Pastel Dreamy の背景のグラデーション CSS

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

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

Showa Retro Pastel Dreamy color palette created on .