Coral Maui カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Coral Maui palette

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

Coral Maui カラー パレット PNG 画像

Download coral maui color palette PNG image (landscape)
Download coral maui color palette PNG image (square)

Coral Maui カラーパレット CSS

/* CSS */
.color-1 {
color: #2ba4a6;
}
.color-2 {
color: #336ec7;
}
.color-3 {
color: #5ad2e2;
}
.color-4 {
color: #ddf8f8;
}
.color-5 {
color: #f3d3a0;
}

/* CSS Variables */
:root {
--color-1: #2ba4a6;
 --color-2: #336ec7;
 --color-3: #5ad2e2;
 --color-4: #ddf8f8;
 --color-5: #f3d3a0;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2ba4a6, #336ec7, #5ad2e2, #ddf8f8, #f3d3a0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2ba4a6, #336ec7, #5ad2e2, #ddf8f8, #f3d3a0);
}

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

Coral Maui color palette created on .