Fawn Rockabye カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fawn Rockabye palette

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

Fawn Rockabye カラー パレット PNG 画像

Download fawn rockabye color palette PNG image (landscape)
Download fawn rockabye color palette PNG image (square)

Fawn Rockabye カラーパレット CSS

/* CSS */
.color-1 {
color: #e7af74;
}
.color-2 {
color: #d0a462;
}
.color-3 {
color: #c2a451;
}
.color-4 {
color: #aa923c;
}
.color-5 {
color: #7a7433;
}

/* CSS Variables */
:root {
--color-1: #e7af74;
 --color-2: #d0a462;
 --color-3: #c2a451;
 --color-4: #aa923c;
 --color-5: #7a7433;
 }

Fawn Rockabye の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e7af74, #d0a462, #c2a451, #aa923c, #7a7433);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e7af74, #d0a462, #c2a451, #aa923c, #7a7433);
}

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

Fawn Rockabye color palette created on .