5 colors · #D4E09B · #F6F4D2 · #CBDFBD · #F19C79 · #A44A3F
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #D4E09B | 212 224 155 | 70° 53% 74% | |
| #F6F4D2 | 246 244 210 | 57° 67% 89% | |
| #CBDFBD | 203 223 189 | 95° 35% 81% | |
| #F19C79 | 241 156 121 | 18° 81% 71% | |
| #A44A3F | 164 74 63 | 7° 44% 45% |
Hex list
#D4E09B, #F6F4D2, #CBDFBD, #F19C79, #A44A3FCSS variables
:root {
--pastel-comfort-1: #D4E09B;
--pastel-comfort-2: #F6F4D2;
--pastel-comfort-3: #CBDFBD;
--pastel-comfort-4: #F19C79;
--pastel-comfort-5: #A44A3F;
}Tailwind v4
@theme {
--color-pastel-comfort-1: #D4E09B;
--color-pastel-comfort-2: #F6F4D2;
--color-pastel-comfort-3: #CBDFBD;
--color-pastel-comfort-4: #F19C79;
--color-pastel-comfort-5: #A44A3F;
}JSON
{
"name": "Pastel Comfort",
"colors": [
"#D4E09B",
"#F6F4D2",
"#CBDFBD",
"#F19C79",
"#A44A3F"
],
"source": "https://coolors.co/palette/d4e09b-f6f4d2-cbdfbd-f19c79-a44a3f"
}