Teal and Rust カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Teal and Rust palette

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

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

Download teal and rust color palette PNG image (landscape)
Download teal and rust color palette PNG image (square)

Teal and Rust カラーパレット CSS

/* CSS */
.color-1 {
color: #1c4f54;
}
.color-2 {
color: #4a7d7c;
}
.color-3 {
color: #6a2022;
}
.color-4 {
color: #a55b4a;
}
.color-5 {
color: #d0c8b3;
}

/* CSS Variables */
:root {
--color-1: #1c4f54;
 --color-2: #4a7d7c;
 --color-3: #6a2022;
 --color-4: #a55b4a;
 --color-5: #d0c8b3;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c4f54, #4a7d7c, #6a2022, #a55b4a, #d0c8b3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c4f54, #4a7d7c, #6a2022, #a55b4a, #d0c8b3);
}

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

Teal and Rust color palette created on .