Over the Garden Wall カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Over the Garden Wall palette

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

Over the Garden Wall カラー パレット PNG 画像

Download over the garden wall color palette PNG image (landscape)
Download over the garden wall color palette PNG image (square)

Over the Garden Wall カラーパレット CSS

/* CSS */
.color-1 {
color: #a5c8a2;
}
.color-2 {
color: #6f9b72;
}
.color-3 {
color: #4b726a;
}
.color-4 {
color: #d3cca1;
}
.color-5 {
color: #b57969;
}

/* CSS Variables */
:root {
--color-1: #a5c8a2;
 --color-2: #6f9b72;
 --color-3: #4b726a;
 --color-4: #d3cca1;
 --color-5: #b57969;
 }

Over the Garden Wall の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a5c8a2, #6f9b72, #4b726a, #d3cca1, #b57969);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a5c8a2, #6f9b72, #4b726a, #d3cca1, #b57969);
}

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

Over the Garden Wall color palette created on .