Governor Bay カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Governor Bay palette

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

Governor Bay カラー パレット PNG 画像

Download governor bay color palette PNG image (landscape)
Download governor bay color palette PNG image (square)

Governor Bay カラーパレット CSS

/* CSS */
.color-1 {
color: #5349ab;
}
.color-2 {
color: #4a5ad3;
}
.color-3 {
color: #41e1c4;
}
.color-4 {
color: #94b9f0;
}
.color-5 {
color: #c7d4ff;
}

/* CSS Variables */
:root {
--color-1: #5349ab;
 --color-2: #4a5ad3;
 --color-3: #41e1c4;
 --color-4: #94b9f0;
 --color-5: #c7d4ff;
 }

Governor Bay の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5349ab, #4a5ad3, #41e1c4, #94b9f0, #c7d4ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5349ab, #4a5ad3, #41e1c4, #94b9f0, #c7d4ff);
}

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

Governor Bay color palette created on .