5 colors · #FF8FA4 · #FAD484 · #91D9CF · #94B7D9 · #0C4E80
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FF8FA4 | 255 143 164 | 349° 100% 78% | |
| #FAD484 | 250 212 132 | 41° 92% 75% | |
| #91D9CF | 145 217 207 | 172° 49% 71% | |
| #94B7D9 | 148 183 217 | 210° 48% 72% | |
| #0C4E80 | 12 78 128 | 206° 83% 27% |
Hex list
#FF8FA4, #FAD484, #91D9CF, #94B7D9, #0C4E80CSS variables
:root {
--pastel-steps-1: #FF8FA4;
--pastel-steps-2: #FAD484;
--pastel-steps-3: #91D9CF;
--pastel-steps-4: #94B7D9;
--pastel-steps-5: #0C4E80;
}Tailwind v4
@theme {
--color-pastel-steps-1: #FF8FA4;
--color-pastel-steps-2: #FAD484;
--color-pastel-steps-3: #91D9CF;
--color-pastel-steps-4: #94B7D9;
--color-pastel-steps-5: #0C4E80;
}JSON
{
"name": "Pastel Steps",
"colors": [
"#FF8FA4",
"#FAD484",
"#91D9CF",
"#94B7D9",
"#0C4E80"
],
"source": "https://www.pinterest.com/pin/8092474327093403/"
}