Determined Teal カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Determined Teal palette

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

Determined Teal カラーパレット (PNG) をダウンロード

Download determined teal color palette PNG image (landscape)
Download determined teal color palette PNG image (square)

Determined Teal カラーパレット CSS

/* CSS */
.color-1 {
color: #3b809b;
}
.color-2 {
color: #5abf87;
}
.color-3 {
color: #90db70;
}
.color-4 {
color: #f8e0a0;
}
.color-5 {
color: #f67b23;
}

/* CSS Variables */
:root {
--color-1: #3b809b;
 --color-2: #5abf87;
 --color-3: #90db70;
 --color-4: #f8e0a0;
 --color-5: #f67b23;
 }

Determined Teal の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3b809b, #5abf87, #90db70, #f8e0a0, #f67b23);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3b809b, #5abf87, #90db70, #f8e0a0, #f67b23);
}

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

Determined Teal color palette created on .