Soft Peachy Delight

Source

10 colors · #FEC5BB · #FCD5CE · #FAE1DD · #F8EDEB · #E8E8E4 · #D8E2DC · #ECE4DB · #FFE5D9 · #FFD7BA · #FEC89A

Colors in Soft Peachy Delight
Color	RGB	HSL
#FEC5BB	254 197 187	9° 97% 86%
#FCD5CE	252 213 206	9° 88% 90%
#FAE1DD	250 225 221	8° 74% 92%
#F8EDEB	248 237 235	9° 48% 95%
#E8E8E4	232 232 228	60° 8% 90%
#D8E2DC	216 226 220	144° 15% 87%
#ECE4DB	236 228 219	32° 31% 89%
#FFE5D9	255 229 217	19° 100% 93%
#FFD7BA	255 215 186	25° 100% 86%
#FEC89A	254 200 154	28° 98% 80%

Gradient text Gradient background Markdown

Tools use the first 8 colors of this palette.

Hex list

#FEC5BB, #FCD5CE, #FAE1DD, #F8EDEB, #E8E8E4, #D8E2DC, #ECE4DB, #FFE5D9, #FFD7BA, #FEC89A

CSS variables

:root {
  --soft-peachy-delight-1: #FEC5BB;
  --soft-peachy-delight-2: #FCD5CE;
  --soft-peachy-delight-3: #FAE1DD;
  --soft-peachy-delight-4: #F8EDEB;
  --soft-peachy-delight-5: #E8E8E4;
  --soft-peachy-delight-6: #D8E2DC;
  --soft-peachy-delight-7: #ECE4DB;
  --soft-peachy-delight-8: #FFE5D9;
  --soft-peachy-delight-9: #FFD7BA;
  --soft-peachy-delight-10: #FEC89A;
}

Tailwind v4

@theme {
  --color-soft-peachy-delight-1: #FEC5BB;
  --color-soft-peachy-delight-2: #FCD5CE;
  --color-soft-peachy-delight-3: #FAE1DD;
  --color-soft-peachy-delight-4: #F8EDEB;
  --color-soft-peachy-delight-5: #E8E8E4;
  --color-soft-peachy-delight-6: #D8E2DC;
  --color-soft-peachy-delight-7: #ECE4DB;
  --color-soft-peachy-delight-8: #FFE5D9;
  --color-soft-peachy-delight-9: #FFD7BA;
  --color-soft-peachy-delight-10: #FEC89A;
}

JSON

{
  "name": "Soft Peachy Delight",
  "colors": [
    "#FEC5BB",
    "#FCD5CE",
    "#FAE1DD",
    "#F8EDEB",
    "#E8E8E4",
    "#D8E2DC",
    "#ECE4DB",
    "#FFE5D9",
    "#FFD7BA",
    "#FEC89A"
  ],
  "source": "https://coolors.co/palette/fec5bb-fcd5ce-fae1dd-f8edeb-e8e8e4-d8e2dc-ece4db-ffe5d9-ffd7ba-fec89a"
}

Aesthetic styles