Regal Grove カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Regal Grove palette

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

Regal Grove カラー パレット PNG 画像

Download regal grove color palette PNG image (landscape)
Download regal grove color palette PNG image (square)

Regal Grove カラーパレット CSS

/* CSS */
.color-1 {
color: #2d4b2a;
}
.color-2 {
color: #50703e;
}
.color-3 {
color: #8e9d58;
}
.color-4 {
color: #d4e1a8;
}
.color-5 {
color: #f6f8e2;
}

/* CSS Variables */
:root {
--color-1: #2d4b2a;
 --color-2: #50703e;
 --color-3: #8e9d58;
 --color-4: #d4e1a8;
 --color-5: #f6f8e2;
 }

Regal Grove の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2d4b2a, #50703e, #8e9d58, #d4e1a8, #f6f8e2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2d4b2a, #50703e, #8e9d58, #d4e1a8, #f6f8e2);
}

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

下にスクロールして3個の緑カラーパレットを探索しましょう

Regal Grove color palette created on .