Brave Coral Blue カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Brave Coral Blue palette

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

Brave Coral Blue カラーパレット (PNG) をダウンロード

Download brave coral blue color palette PNG image (landscape)
Download brave coral blue color palette PNG image (square)

Brave Coral Blue カラーパレット CSS

/* CSS */
.color-1 {
color: #f7b5a1;
}
.color-2 {
color: #f47b1f;
}
.color-3 {
color: #f2b54a;
}
.color-4 {
color: #4a9cd3;
}
.color-5 {
color: #2b5c73;
}

/* CSS Variables */
:root {
--color-1: #f7b5a1;
 --color-2: #f47b1f;
 --color-3: #f2b54a;
 --color-4: #4a9cd3;
 --color-5: #2b5c73;
 }

Brave Coral Blue の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7b5a1, #f47b1f, #f2b54a, #4a9cd3, #2b5c73);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7b5a1, #f47b1f, #f2b54a, #4a9cd3, #2b5c73);
}

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

Brave Coral Blue color palette created on .