Cool Forest Ocean カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cool Forest Ocean palette

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

Cool Forest Ocean カラー パレット PNG 画像

Download cool forest ocean color palette PNG image (landscape)
Download cool forest ocean color palette PNG image (square)

Cool Forest Ocean カラーパレット CSS

/* CSS */
.color-1 {
color: #1b4b3d;
}
.color-2 {
color: #3a7e79;
}
.color-3 {
color: #63b0a6;
}
.color-4 {
color: #9cd8e7;
}
.color-5 {
color: #f5faf5;
}

/* CSS Variables */
:root {
--color-1: #1b4b3d;
 --color-2: #3a7e79;
 --color-3: #63b0a6;
 --color-4: #9cd8e7;
 --color-5: #f5faf5;
 }

Cool Forest Ocean の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b4b3d, #3a7e79, #63b0a6, #9cd8e7, #f5faf5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b4b3d, #3a7e79, #63b0a6, #9cd8e7, #f5faf5);
}

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

下にスクロールして6個のフォレストカラーパレットを探索しましょう

Cool Forest Ocean color palette created on .