Okiya Elegance カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Okiya Elegance palette

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

Okiya Elegance カラー パレット PNG 画像

Download okiya elegance color palette PNG image (landscape)
Download okiya elegance color palette PNG image (square)

Okiya Elegance カラーパレット CSS

/* CSS */
.color-1 {
color: #f0c5b2;
}
.color-2 {
color: #f6b6a2;
}
.color-3 {
color: #ebaf93;
}
.color-4 {
color: #d79a8e;
}
.color-5 {
color: #c57c89;
}

/* CSS Variables */
:root {
--color-1: #f0c5b2;
 --color-2: #f6b6a2;
 --color-3: #ebaf93;
 --color-4: #d79a8e;
 --color-5: #c57c89;
 }

Okiya Elegance の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0c5b2, #f6b6a2, #ebaf93, #d79a8e, #c57c89);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0c5b2, #f6b6a2, #ebaf93, #d79a8e, #c57c89);
}

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

Okiya Elegance color palette created on .