Business Office カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Business Office palette

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

Business Office カラー パレット PNG 画像

Download business office color palette PNG image (landscape)
Download business office color palette PNG image (square)

Business Office カラーパレット CSS

/* CSS */
.color-1 {
color: #093258;
}
.color-2 {
color: #123c69;
}
.color-3 {
color: #184e77;
}
.color-4 {
color: #6d1c1e;
}
.color-5 {
color: #350d0e;
}

/* CSS Variables */
:root {
--color-1: #093258;
 --color-2: #123c69;
 --color-3: #184e77;
 --color-4: #6d1c1e;
 --color-5: #350d0e;
 }

Business Office の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #093258, #123c69, #184e77, #6d1c1e, #350d0e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #093258, #123c69, #184e77, #6d1c1e, #350d0e);
}

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

Business Office color palette created on .