Cinnamon Brown Apple カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cinnamon Brown Apple palette

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

Cinnamon Brown Apple カラー パレット PNG 画像

Download cinnamon brown apple color palette PNG image (landscape)
Download cinnamon brown apple color palette PNG image (square)

Cinnamon Brown Apple カラーパレット CSS

/* CSS */
.color-1 {
color: #a74c39;
}
.color-2 {
color: #d9b59b;
}
.color-3 {
color: #e5c39f;
}
.color-4 {
color: #b28f62;
}
.color-5 {
color: #6e4c3a;
}

/* CSS Variables */
:root {
--color-1: #a74c39;
 --color-2: #d9b59b;
 --color-3: #e5c39f;
 --color-4: #b28f62;
 --color-5: #6e4c3a;
 }

Cinnamon Brown Apple の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a74c39, #d9b59b, #e5c39f, #b28f62, #6e4c3a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a74c39, #d9b59b, #e5c39f, #b28f62, #6e4c3a);
}

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

Cinnamon Brown Apple color palette created on .