Gardens of Dawn カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Gardens of Dawn palette

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

Gardens of Dawn カラー パレット PNG 画像

Download gardens of dawn color palette PNG image (landscape)
Download gardens of dawn color palette PNG image (square)

Gardens of Dawn カラーパレット CSS

/* CSS */
.color-1 {
color: #f4c1a4;
}
.color-2 {
color: #f8e5b9;
}
.color-3 {
color: #f0e7b2;
}
.color-4 {
color: #c5d7a7;
}
.color-5 {
color: #a0caaa;
}

/* CSS Variables */
:root {
--color-1: #f4c1a4;
 --color-2: #f8e5b9;
 --color-3: #f0e7b2;
 --color-4: #c5d7a7;
 --color-5: #a0caaa;
 }

Gardens of Dawn の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4c1a4, #f8e5b9, #f0e7b2, #c5d7a7, #a0caaa);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4c1a4, #f8e5b9, #f0e7b2, #c5d7a7, #a0caaa);
}

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

下にスクロールして10個のガーデンカラーパレットを探索しましょう

Gardens of Dawn color palette created on .