# Pastel pink and green linear swatches

Pastel pink and green linear swatches with 32 colors: #fff5f1, #fff1ec, #feece7, #fde6e1, #fcdfdc, #fbd8d8, #f9d1d4, #f7cbd2, #f5c6d0, #f3c2cf, #f0bece, #edbace, #eab7ce, #e8b4cd, #e7b2ca, #e8b0c6, #ebb0bf, #efb2b5, #f2b7aa, #f0bea0, #eac89c, #e0d19e, #d4d9a5, #c9ddad, #bfdeb2, #b7ddb4, #aedab4, #a7d6b2, #a0d1b0, #9acdac, #94c9aa, #90c7a9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW-AkfbxO7eeaPvumM-Y5pDg`
- Page: https://grabient.com/kW-AkfbxO7eeaPvumM-Y5pDg?style=linearSwatches&steps=32&angle=180
- Drawn as: linear swatches, 32 steps, 180 degrees
- Kinds: pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.7 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#fff5f1` | `oklch(97.64% 0.0123 43.62)` | Pink Diminishing | black, 19.5 to 1 |
| 2 | `#fff1ec` | `oklch(96.79% 0.0159 40.33)` | Strawberry Dust | black, 19 to 1 |
| 3 | `#feece7` | `oklch(95.62% 0.0207 35.75)` | Peach Breeze | black, 18.3 to 1 |
| 4 | `#fde6e1` | `oklch(94.22% 0.0265 30.27)` | Spirited Away | black, 17.5 to 1 |
| 5 | `#fcdfdc` | `oklch(92.69% 0.0327 24.35)` | Dawn Patrol | black, 16.7 to 1 |
| 6 | `#fbd8d8` | `oklch(91.13% 0.0391 18.41)` | Lucky You | black, 15.9 to 1 |
| 7 | `#f9d1d4` | `oklch(89.62% 0.0452 12.89)` | Fading Rose | black, 15.1 to 1 |
| 8 | `#f7cbd2` | `oklch(88.26% 0.0505 8.23)` | Pleasing Pink | black, 14.4 to 1 |
| 9 | `#f5c6d0` | `oklch(87.14% 0.0547 4.76)` | Hello Dolly | black, 13.9 to 1 |
| 10 | `#f3c2cf` | `oklch(86.08% 0.0582 0.98)` | In the Pink | black, 13.4 to 1 |
| 11 | `#f0bece` | `oklch(85.03% 0.0613 356.73)` | Pink Chintz | black, 12.9 to 1 |
| 12 | `#edbace` | `oklch(84.04% 0.0640 352.74)` | Dainty Pink | black, 12.5 to 1 |
| 13 | `#eab7ce` | `oklch(83.15% 0.0664 349.72)` | Sweet Lilac | black, 12.1 to 1 |
| 14 | `#e8b4cd` | `oklch(82.40% 0.0683 348.38)` | Sweet Lilac | black, 11.8 to 1 |
| 15 | `#e7b2ca` | `oklch(81.86% 0.0699 349.44)` | Muddy Mauve | black, 11.6 to 1 |
| 16 | `#e8b0c6` | `oklch(81.55% 0.0712 353.62)` | Pink Frenzy | black, 11.4 to 1 |
| 17 | `#ebb0bf` | `oklch(81.56% 0.0720 1.85)` | Fallen Blossoms | black, 11.4 to 1 |
| 18 | `#efb2b5` | `oklch(82.06% 0.0721 15.35)` | Jaguar Rose | black, 11.7 to 1 |
| 19 | `#f2b7aa` | `oklch(82.93% 0.0717 32.88)` | Canyon Hush | black, 12.1 to 1 |
| 20 | `#f0bea0` | `oklch(84.00% 0.0708 52.88)` | Tan Temptation | black, 12.6 to 1 |
| 21 | `#eac89c` | `oklch(85.12% 0.0698 73.79)` | Golden Talisman | black, 13.2 to 1 |
| 22 | `#e0d19e` | `oklch(86.10% 0.0688 94.05)` | Woven | black, 13.8 to 1 |
| 23 | `#d4d9a5` | `oklch(86.80% 0.0680 112.11)` | Garden Glade | black, 14.2 to 1 |
| 24 | `#c9ddad` | `oklch(87.04% 0.0675 126.39)` | Viridine Green | black, 14.4 to 1 |
| 25 | `#bfdeb2` | `oklch(86.69% 0.0676 136.29)` | Graceful Flower | black, 14.3 to 1 |
| 26 | `#b7ddb4` | `oklch(85.84% 0.0680 143.58)` | A Mann’s Mint | black, 13.9 to 1 |
| 27 | `#aedab4` | `oklch(84.63% 0.0685 148.80)` | Shanghai Jade | black, 13.4 to 1 |
| 28 | `#a7d6b2` | `oklch(83.21% 0.0692 152.41)` | Frugal | black, 12.8 to 1 |
| 29 | `#a0d1b0` | `oklch(81.72% 0.0700 154.86)` | Merrylyn | black, 12.2 to 1 |
| 30 | `#9acdac` | `oklch(80.32% 0.0707 156.61)` | Heath Green | black, 11.6 to 1 |
| 31 | `#94c9aa` | `oklch(79.14% 0.0713 158.12)` | Peppermint Spray | black, 11.2 to 1 |
| 32 | `#90c7a9` | `oklch(78.35% 0.0717 159.84)` | Peppermint Spray | black, 10.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #fff5f1 0.000% 3.125%, #fff1ec 3.125% 6.250%, #feece7 6.250% 9.375%, #fde6e1 9.375% 12.500%, #fcdfdc 12.500% 15.625%, #fbd8d8 15.625% 18.750%, #f9d1d4 18.750% 21.875%, #f7cbd2 21.875% 25.000%, #f5c6d0 25.000% 28.125%, #f3c2cf 28.125% 31.250%, #f0bece 31.250% 34.375%, #edbace 34.375% 37.500%, #eab7ce 37.500% 40.625%, #e8b4cd 40.625% 43.750%, #e7b2ca 43.750% 46.875%, #e8b0c6 46.875% 50.000%, #ebb0bf 50.000% 53.125%, #efb2b5 53.125% 56.250%, #f2b7aa 56.250% 59.375%, #f0bea0 59.375% 62.500%, #eac89c 62.500% 65.625%, #e0d19e 65.625% 68.750%, #d4d9a5 68.750% 71.875%, #c9ddad 71.875% 75.000%, #bfdeb2 75.000% 78.125%, #b7ddb4 78.125% 81.250%, #aedab4 81.250% 84.375%, #a7d6b2 84.375% 87.500%, #a0d1b0 87.500% 90.625%, #9acdac 90.625% 93.750%, #94c9aa 93.750% 96.875%, #90c7a9 96.875% 100.000%);
background: linear-gradient(180deg, oklch(97.64% 0.0123 43.62) 0.000% 3.125%, oklch(96.79% 0.0159 40.33) 3.125% 6.250%, oklch(95.62% 0.0207 35.75) 6.250% 9.375%, oklch(94.22% 0.0265 30.27) 9.375% 12.500%, oklch(92.69% 0.0327 24.35) 12.500% 15.625%, oklch(91.13% 0.0391 18.41) 15.625% 18.750%, oklch(89.62% 0.0452 12.89) 18.750% 21.875%, oklch(88.26% 0.0505 8.23) 21.875% 25.000%, oklch(87.14% 0.0547 4.76) 25.000% 28.125%, oklch(86.08% 0.0582 0.98) 28.125% 31.250%, oklch(85.03% 0.0613 356.73) 31.250% 34.375%, oklch(84.04% 0.0640 352.74) 34.375% 37.500%, oklch(83.15% 0.0664 349.72) 37.500% 40.625%, oklch(82.40% 0.0683 348.38) 40.625% 43.750%, oklch(81.86% 0.0699 349.44) 43.750% 46.875%, oklch(81.55% 0.0712 353.62) 46.875% 50.000%, oklch(81.56% 0.0720 1.85) 50.000% 53.125%, oklch(82.06% 0.0721 15.35) 53.125% 56.250%, oklch(82.93% 0.0717 32.88) 56.250% 59.375%, oklch(84.00% 0.0708 52.88) 59.375% 62.500%, oklch(85.12% 0.0698 73.79) 62.500% 65.625%, oklch(86.10% 0.0688 94.05) 65.625% 68.750%, oklch(86.80% 0.0680 112.11) 68.750% 71.875%, oklch(87.04% 0.0675 126.39) 71.875% 75.000%, oklch(86.69% 0.0676 136.29) 75.000% 78.125%, oklch(85.84% 0.0680 143.58) 78.125% 81.250%, oklch(84.63% 0.0685 148.80) 81.250% 84.375%, oklch(83.21% 0.0692 152.41) 84.375% 87.500%, oklch(81.72% 0.0700 154.86) 87.500% 90.625%, oklch(80.32% 0.0707 156.61) 90.625% 93.750%, oklch(79.14% 0.0713 158.12) 93.750% 96.875%, oklch(78.35% 0.0717 159.84) 96.875% 100.000%);
```

## Keyframes

5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.976 | 0.012 | 43.6 |
| 2 | 0.874 | 0.054 | 5.6 |
| 3 | 0.815 | 0.072 | -2.9 |
| 4 | 0.87 | 0.068 | 129.2 |
| 5 | 0.783 | 0.072 | 159.8 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

- [JSON](https://grabient.com/kW-AkfbxO7eeaPvumM-Y5pDg.json?style=linearSwatches&steps=32&angle=180)
- [PNG](https://grabient.com/kW-AkfbxO7eeaPvumM-Y5pDg.png?style=linearSwatches&steps=32&angle=180)
- [SVG](https://grabient.com/kW-AkfbxO7eeaPvumM-Y5pDg.svg?style=linearSwatches&steps=32&angle=180)
- [CSS](https://grabient.com/kW-AkfbxO7eeaPvumM-Y5pDg.css?style=linearSwatches&steps=32&angle=180)
- [ASE](https://grabient.com/kW-AkfbxO7eeaPvumM-Y5pDg.ase?style=linearSwatches&steps=32&angle=180)
- [GPL](https://grabient.com/kW-AkfbxO7eeaPvumM-Y5pDg.gpl?style=linearSwatches&steps=32&angle=180)
- [GRD](https://grabient.com/kW-AkfbxO7eeaPvumM-Y5pDg.grd?style=linearSwatches&steps=32&angle=180)
- [Design tokens](https://grabient.com/kW-AkfbxO7eeaPvumM-Y5pDg.tokens.json?style=linearSwatches&steps=32&angle=180)
- [Social card](https://grabient.com/api/og?seed=kW-AkfbxO7eeaPvumM-Y5pDg&style=linearSwatches&steps=32&angle=180)
- [Palettes like this one](https://grabient.com/palettes?q=kW-AkfbxO7eeaPvumM-Y5pDg)
- [Guide for agents](https://grabient.com/llms.txt)