Connor's Cove カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Connor's Cove palette

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

Connor's Cove カラー パレット PNG 画像

Download connor's cove color palette PNG image (landscape)
Download connor's cove color palette PNG image (square)

Connor's Cove カラーパレット CSS

/* CSS */
.color-1 {
color: #2e90a3;
}
.color-2 {
color: #6bb1b8;
}
.color-3 {
color: #a2d5d8;
}
.color-4 {
color: #f1e4c6;
}
.color-5 {
color: #f3a662;
}

/* CSS Variables */
:root {
--color-1: #2e90a3;
 --color-2: #6bb1b8;
 --color-3: #a2d5d8;
 --color-4: #f1e4c6;
 --color-5: #f3a662;
 }

Connor's Cove の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2e90a3, #6bb1b8, #a2d5d8, #f1e4c6, #f3a662);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2e90a3, #6bb1b8, #a2d5d8, #f1e4c6, #f3a662);
}

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

Connor's Cove color palette created on .