Skip to content
Luna UI
Source

7 colors · #EDF2FB · #E2EAFC · #D7E3FC · #CCDBFD · #C1D3FE · #B6CCFE · #ABC4FF

Colors in Blue Serenity
Color Hex RGB HSL
#EDF2FB 237 242 251 219° 64% 96%
#E2EAFC 226 234 252 222° 81% 94%
#D7E3FC 215 227 252 221° 86% 92%
#CCDBFD 204 219 253 222° 92% 90%
#C1D3FE 193 211 254 222° 97% 88%
#B6CCFE 182 204 254 222° 97% 85%
#ABC4FF 171 196 255 222° 100% 84%
Gradient textGradient background Markdown
Hex list
#EDF2FB, #E2EAFC, #D7E3FC, #CCDBFD, #C1D3FE, #B6CCFE, #ABC4FF
CSS variables
:root {
  --blue-serenity-1: #EDF2FB;
  --blue-serenity-2: #E2EAFC;
  --blue-serenity-3: #D7E3FC;
  --blue-serenity-4: #CCDBFD;
  --blue-serenity-5: #C1D3FE;
  --blue-serenity-6: #B6CCFE;
  --blue-serenity-7: #ABC4FF;
}
Tailwind v4
@theme {
  --color-blue-serenity-1: #EDF2FB;
  --color-blue-serenity-2: #E2EAFC;
  --color-blue-serenity-3: #D7E3FC;
  --color-blue-serenity-4: #CCDBFD;
  --color-blue-serenity-5: #C1D3FE;
  --color-blue-serenity-6: #B6CCFE;
  --color-blue-serenity-7: #ABC4FF;
}
JSON
{
  "name": "Blue Serenity",
  "colors": [
    "#EDF2FB",
    "#E2EAFC",
    "#D7E3FC",
    "#CCDBFD",
    "#C1D3FE",
    "#B6CCFE",
    "#ABC4FF"
  ],
  "source": "https://coolors.co/palette/edf2fb-e2eafc-d7e3fc-ccdbfd-c1d3fe-b6ccfe-abc4ff"
}

Aesthetic styles