Pink Sugar Cookie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pink Sugar Cookie palette

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

Pink Sugar Cookie カラーパレット (PNG) をダウンロード

Download pink sugar cookie color palette PNG image (landscape)
Download pink sugar cookie color palette PNG image (square)

Pink Sugar Cookie カラーパレット CSS

/* CSS */
.color-1 {
color: #f0e68a;
}
.color-2 {
color: #f8c8a0;
}
.color-3 {
color: #f1a7b3;
}
.color-4 {
color: #e77e8f;
}
.color-5 {
color: #d64c6d;
}

/* CSS Variables */
:root {
--color-1: #f0e68a;
 --color-2: #f8c8a0;
 --color-3: #f1a7b3;
 --color-4: #e77e8f;
 --color-5: #d64c6d;
 }

Pink Sugar Cookie の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0e68a, #f8c8a0, #f1a7b3, #e77e8f, #d64c6d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0e68a, #f8c8a0, #f1a7b3, #e77e8f, #d64c6d);
}

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

Pink Sugar Cookie color palette created on .