Marshmallow Chocolate Cookie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Marshmallow Chocolate Cookie palette

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

Marshmallow Chocolate Cookie カラー パレット PNG 画像

Download marshmallow chocolate cookie color palette PNG image (landscape)
Download marshmallow chocolate cookie color palette PNG image (square)

Marshmallow Chocolate Cookie カラーパレット CSS

/* CSS */
.color-1 {
color: #693817;
}
.color-2 {
color: #593012;
}
.color-3 {
color: #46220c;
}
.color-4 {
color: #351708;
}
.color-5 {
color: #1a0804;
}

/* CSS Variables */
:root {
--color-1: #693817;
 --color-2: #593012;
 --color-3: #46220c;
 --color-4: #351708;
 --color-5: #1a0804;
 }

Marshmallow Chocolate Cookie の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #693817, #593012, #46220c, #351708, #1a0804);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #693817, #593012, #46220c, #351708, #1a0804);
}

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

Marshmallow Chocolate Cookie color palette created on .