Divine Hues of Olympus カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Divine Hues of Olympus palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Divine Hues of Olympus カラーパレット (PNG) をダウンロード

Download divine hues of olympus color palette PNG image (landscape)
Download divine hues of olympus color palette PNG image (square)

Divine Hues of Olympus カラーパレット CSS

/* CSS */
.color-1 {
color: #f2e3b5;
}
.color-2 {
color: #f6d5a7;
}
.color-3 {
color: #f9b19f;
}
.color-4 {
color: #c16c8f;
}
.color-5 {
color: #8a4a8c;
}

/* CSS Variables */
:root {
--color-1: #f2e3b5;
 --color-2: #f6d5a7;
 --color-3: #f9b19f;
 --color-4: #c16c8f;
 --color-5: #8a4a8c;
 }

Divine Hues of Olympus の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2e3b5, #f6d5a7, #f9b19f, #c16c8f, #8a4a8c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2e3b5, #f6d5a7, #f9b19f, #c16c8f, #8a4a8c);
}

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

Divine Hues of Olympus color palette created on .