Teal Train Journey カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Teal Train Journey palette

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

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

Download teal train journey color palette PNG image (landscape)
Download teal train journey color palette PNG image (square)

Teal Train Journey カラーパレット CSS

/* CSS */
.color-1 {
color: #008a8a;
}
.color-2 {
color: #00a3a0;
}
.color-3 {
color: #00b3aa;
}
.color-4 {
color: #8cded0;
}
.color-5 {
color: #e2f8f5;
}

/* CSS Variables */
:root {
--color-1: #008a8a;
 --color-2: #00a3a0;
 --color-3: #00b3aa;
 --color-4: #8cded0;
 --color-5: #e2f8f5;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #008a8a, #00a3a0, #00b3aa, #8cded0, #e2f8f5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #008a8a, #00a3a0, #00b3aa, #8cded0, #e2f8f5);
}

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

Teal Train Journey color palette created on .