Caramel Pirate カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Caramel Pirate palette

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

Caramel Pirate カラー パレット PNG 画像

Download caramel pirate color palette PNG image (landscape)
Download caramel pirate color palette PNG image (square)

Caramel Pirate カラーパレット CSS

/* CSS */
.color-1 {
color: #b07a45;
}
.color-2 {
color: #823f27;
}
.color-3 {
color: #472915;
}
.color-4 {
color: #c5a030;
}
.color-5 {
color: #674218;
}

/* CSS Variables */
:root {
--color-1: #b07a45;
 --color-2: #823f27;
 --color-3: #472915;
 --color-4: #c5a030;
 --color-5: #674218;
 }

Caramel Pirate の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b07a45, #823f27, #472915, #c5a030, #674218);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b07a45, #823f27, #472915, #c5a030, #674218);
}

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

Caramel Pirate color palette created on .