Ocean Auburn Earthy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ocean Auburn Earthy palette

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

Ocean Auburn Earthy カラー パレット PNG 画像

Download ocean auburn earthy color palette PNG image (landscape)
Download ocean auburn earthy color palette PNG image (square)

Ocean Auburn Earthy カラーパレット CSS

/* CSS */
.color-1 {
color: #1b3b4b;
}
.color-2 {
color: #4b6c81;
}
.color-3 {
color: #9cb4a1;
}
.color-4 {
color: #d8b86e;
}
.color-5 {
color: #b73a24;
}

/* CSS Variables */
:root {
--color-1: #1b3b4b;
 --color-2: #4b6c81;
 --color-3: #9cb4a1;
 --color-4: #d8b86e;
 --color-5: #b73a24;
 }

Ocean Auburn Earthy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b3b4b, #4b6c81, #9cb4a1, #d8b86e, #b73a24);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b3b4b, #4b6c81, #9cb4a1, #d8b86e, #b73a24);
}

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

下にスクロールして1個のオーシャンカラーパレットを探索しましょう

Ocean Auburn Earthy color palette created on .