Skip to content
Luna UI
Source

5 colors · #60BFC1 · #BADFD7 · #F7E3DB · #FDB7B9 · #C17779

Colors in Seafoam Rose
Color Hex RGB HSL
#60BFC1 96 191 193 181° 44% 57%
#BADFD7 186 223 215 167° 37% 80%
#F7E3DB 247 227 219 17° 64% 91%
#FDB7B9 253 183 185 358° 95% 85%
#C17779 193 119 121 358° 37% 61%
Gradient textGradient background Markdown
Hex list
#60BFC1, #BADFD7, #F7E3DB, #FDB7B9, #C17779
CSS variables
:root {
  --seafoam-rose-1: #60BFC1;
  --seafoam-rose-2: #BADFD7;
  --seafoam-rose-3: #F7E3DB;
  --seafoam-rose-4: #FDB7B9;
  --seafoam-rose-5: #C17779;
}
Tailwind v4
@theme {
  --color-seafoam-rose-1: #60BFC1;
  --color-seafoam-rose-2: #BADFD7;
  --color-seafoam-rose-3: #F7E3DB;
  --color-seafoam-rose-4: #FDB7B9;
  --color-seafoam-rose-5: #C17779;
}
JSON
{
  "name": "Seafoam Rose",
  "colors": [
    "#60BFC1",
    "#BADFD7",
    "#F7E3DB",
    "#FDB7B9",
    "#C17779"
  ],
  "source": "https://colorpalettes.net/color-palette-4394/"
}

Aesthetic styles