# Pale gold green gradient

Pastel tan, gray and pink linear gradient with 64 colors: #f4df96, #f6dd96, #f9d996, #fcd497, #fecf99, #ffcb9e, #ffc6a3, #fec1a8, #fcbeae, #f8bab3, #f3b8b8, #efb6bc, #eab4bf, #e5b3c1, #e2b2c1, #dfb1c0, #deb0be, #ddb0bb, #ddb0b6, #deb0b1, #ddb1ab, #dcb3a4, #dab59f, #d6b89b, #d0bc99, #cac09a, #c3c39c, #bcc6a0, #b5c9a5, #afcbaa, #abccaf, #a8cdb2, #a7ceb3, #a6ceb3, #a7ceb2, #a8ceb0, #aaceac, #adcda8, #b1cca4, #b6cb9f, #bcc99a, #c2c795, #c9c591, #cfc28f, #d6c08d, #dbbd8d, #e0bb8f, #e4b991, #e8b894, #ebb699, #eeb59e, #f0b4a5, #f1b4ac, #f1b4b4, #f1b4bc, #f0b5c4, #eeb6cc, #ebb7d3, #e9b9d9, #e6bbdf, #e2bde4, #dfbee8, #ddc0eb, #dac1ed. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel tan, gray and pink linear gradient
- Seed: `kW5kVDZhS0eeUUpnmrUa5gyo`
- Page: https://grabient.com/kW5kVDZhS0eeUUpnmrUa5gyo?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: even lightness, pastel, light, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 1.4 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 | `#f4df96` | `oklch(90.55% 0.0951 94.22)` | Lemon Meringue | black, 15.8 to 1 |
| 2 | `#f6dd96` | `oklch(90.16% 0.0936 90.27)` | Sunbathed | black, 15.6 to 1 |
| 3 | `#f9d996` | `oklch(89.67% 0.0918 84.79)` | Rosy Highlight | black, 15.3 to 1 |
| 4 | `#fcd497` | `oklch(89.07% 0.0896 78.03)` | Paw Paw | black, 15 to 1 |
| 5 | `#fecf99` | `oklch(88.40% 0.0871 70.27)` | Atoll Sand | black, 14.6 to 1 |
| 6 | `#ffcb9e` | `oklch(87.66% 0.0833 61.79)` | Phenomenal Peach | black, 14.2 to 1 |
| 7 | `#ffc6a3` | `oklch(86.88% 0.0804 52.84)` | Tomorrow’s Coral | black, 13.8 to 1 |
| 8 | `#fec1a8` | `oklch(86.08% 0.0785 43.70)` | Sweet Apricot | black, 13.4 to 1 |
| 9 | `#fcbeae` | `oklch(85.26% 0.0755 34.65)` | Peach Melba | black, 13 to 1 |
| 10 | `#f8bab3` | `oklch(84.44% 0.0725 25.95)` | Mixed Fruit | black, 12.6 to 1 |
| 11 | `#f3b8b8` | `oklch(83.64% 0.0695 17.86)` | Old Flame | black, 12.3 to 1 |
| 12 | `#efb6bc` | `oklch(82.89% 0.0666 10.67)` | Seashell Froth | black, 12 to 1 |
| 13 | `#eab4bf` | `oklch(82.18% 0.0639 4.65)` | Frozen Veins | black, 11.7 to 1 |
| 14 | `#e5b3c1` | `oklch(81.55% 0.0615 0.05)` | Athena Pink | black, 11.5 to 1 |
| 15 | `#e2b2c1` | `oklch(81.01% 0.0594 357.15)` | Mental Floss | black, 11.3 to 1 |
| 16 | `#dfb1c0` | `oklch(80.57% 0.0576 356.23)` | Mental Floss | black, 11.1 to 1 |
| 17 | `#deb0be` | `oklch(80.25% 0.0562 357.57)` | Pentalon | black, 11 to 1 |
| 18 | `#ddb0bb` | `oklch(80.03% 0.0551 1.65)` | Pentalon | black, 10.9 to 1 |
| 19 | `#ddb0b6` | `oklch(79.89% 0.0542 8.31)` | Sakura | black, 10.9 to 1 |
| 20 | `#deb0b1` | `oklch(79.84% 0.0535 17.15)` | Sakura | black, 10.9 to 1 |
| 21 | `#ddb1ab` | `oklch(79.84% 0.0529 27.80)` | Mesa Pink | black, 10.9 to 1 |
| 22 | `#dcb3a4` | `oklch(79.91% 0.0526 39.85)` | Cinnamon Whip | black, 11 to 1 |
| 23 | `#dab59f` | `oklch(80.02% 0.0523 52.94)` | Mesa Sand | black, 11.1 to 1 |
| 24 | `#d6b89b` | `oklch(80.16% 0.0523 66.66)` | Ivory Cream | black, 11.2 to 1 |
| 25 | `#d0bc99` | `oklch(80.33% 0.0523 80.64)` | October Harvest | black, 11.3 to 1 |
| 26 | `#cac09a` | `oklch(80.52% 0.0525 94.48)` | Tangled Vines | black, 11.4 to 1 |
| 27 | `#c3c39c` | `oklch(80.72% 0.0527 107.81)` | Chameleon Tango | black, 11.6 to 1 |
| 28 | `#bcc6a0` | `oklch(80.91% 0.0530 120.22)` | Seagrass | black, 11.7 to 1 |
| 29 | `#b5c9a5` | `oklch(81.09% 0.0534 131.34)` | Seacrest | black, 11.8 to 1 |
| 30 | `#afcbaa` | `oklch(81.25% 0.0539 140.77)` | Relish | black, 11.9 to 1 |
| 31 | `#abccaf` | `oklch(81.38% 0.0543 148.13)` | Pastel Meadow | black, 12 to 1 |
| 32 | `#a8cdb2` | `oklch(81.47% 0.0549 153.04)` | Feather Green | black, 12 to 1 |
| 33 | `#a7ceb3` | `oklch(81.51% 0.0554 155.26)` | Feather Green | black, 12 to 1 |
| 34 | `#a6ceb3` | `oklch(81.53% 0.0562 155.50)` | Feather Green | black, 12.1 to 1 |
| 35 | `#a7ceb2` | `oklch(81.53% 0.0571 154.08)` | Feather Green | black, 12.1 to 1 |
| 36 | `#a8ceb0` | `oklch(81.51% 0.0583 151.17)` | Merrylyn | black, 12.1 to 1 |
| 37 | `#aaceac` | `oklch(81.49% 0.0596 146.95)` | Mint Circle | black, 12 to 1 |
| 38 | `#adcda8` | `oklch(81.46% 0.0609 141.59)` | Mint Circle | black, 12 to 1 |
| 39 | `#b1cca4` | `oklch(81.42% 0.0624 135.27)` | Garden Room | black, 12 to 1 |
| 40 | `#b6cb9f` | `oklch(81.39% 0.0639 128.16)` | Sprout | black, 11.9 to 1 |
| 41 | `#bcc99a` | `oklch(81.35% 0.0653 120.44)` | Sprout | black, 11.9 to 1 |
| 42 | `#c2c795` | `oklch(81.32% 0.0668 112.29)` | Yerba Mate | black, 11.8 to 1 |
| 43 | `#c9c591` | `oklch(81.31% 0.0682 103.89)` | Yerba Mate | black, 11.8 to 1 |
| 44 | `#cfc28f` | `oklch(81.30% 0.0695 95.40)` | Hearts of Palm | black, 11.7 to 1 |
| 45 | `#d6c08d` | `oklch(81.31% 0.0706 87.01)` | Monument Green | black, 11.7 to 1 |
| 46 | `#dbbd8d` | `oklch(81.34% 0.0716 78.89)` | Cupola Yellow | black, 11.7 to 1 |
| 47 | `#e0bb8f` | `oklch(81.39% 0.0724 71.21)` | Painted Ash | black, 11.6 to 1 |
| 48 | `#e4b991` | `oklch(81.47% 0.0729 64.16)` | Southern Peach | black, 11.6 to 1 |
| 49 | `#e8b894` | `oklch(81.58% 0.0732 57.49)` | Gentle Doe | black, 11.6 to 1 |
| 50 | `#ebb699` | `oklch(81.73% 0.0733 50.34)` | Creole Cottage | black, 11.6 to 1 |
| 51 | `#eeb59e` | `oklch(81.90% 0.0732 42.74)` | Wax Flower | black, 11.7 to 1 |
| 52 | `#f0b4a5` | `oklch(82.10% 0.0730 34.81)` | Pink Mimosa | black, 11.7 to 1 |
| 53 | `#f1b4ac` | `oklch(82.31% 0.0726 26.65)` | Mesa Rose | black, 11.8 to 1 |
| 54 | `#f1b4b4` | `oklch(82.55% 0.0720 18.36)` | Jaguar Rose | black, 11.9 to 1 |
| 55 | `#f1b4bc` | `oklch(82.79% 0.0715 10.04)` | Powder Rose | black, 11.9 to 1 |
| 56 | `#f0b5c4` | `oklch(83.04% 0.0708 1.78)` | Rhodonite | black, 12 to 1 |
| 57 | `#eeb6cc` | `oklch(83.29% 0.0701 353.70)` | Fairy Tale | black, 12.1 to 1 |
| 58 | `#ebb7d3` | `oklch(83.53% 0.0694 345.90)` | Sweet Lilac | black, 12.2 to 1 |
| 59 | `#e9b9d9` | `oklch(83.77% 0.0687 338.47)` | Pink Drink | black, 12.3 to 1 |
| 60 | `#e6bbdf` | `oklch(83.99% 0.0680 331.52)` | Blackberry Yoghurt | black, 12.5 to 1 |
| 61 | `#e2bde4` | `oklch(84.20% 0.0674 325.14)` | Blackberry Yoghurt | black, 12.6 to 1 |
| 62 | `#dfbee8` | `oklch(84.38% 0.0669 319.45)` | Beefy Pink | black, 12.7 to 1 |
| 63 | `#ddc0eb` | `oklch(84.53% 0.0664 314.53)` | Beefy Pink | black, 12.7 to 1 |
| 64 | `#dac1ed` | `oklch(84.65% 0.0661 310.50)` | Beefy Pink | black, 12.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f4df96 0.0%, #f6dd96 1.6%, #f9d996 3.2%, #fcd497 4.8%, #fecf99 6.3%, #ffcb9e 7.9%, #ffc6a3 9.5%, #fec1a8 11.1%, #fcbeae 12.7%, #f8bab3 14.3%, #f3b8b8 15.9%, #efb6bc 17.5%, #eab4bf 19.0%, #e5b3c1 20.6%, #e2b2c1 22.2%, #dfb1c0 23.8%, #deb0be 25.4%, #ddb0bb 27.0%, #ddb0b6 28.6%, #deb0b1 30.2%, #ddb1ab 31.7%, #dcb3a4 33.3%, #dab59f 34.9%, #d6b89b 36.5%, #d0bc99 38.1%, #cac09a 39.7%, #c3c39c 41.3%, #bcc6a0 42.9%, #b5c9a5 44.4%, #afcbaa 46.0%, #abccaf 47.6%, #a8cdb2 49.2%, #a7ceb3 50.8%, #a6ceb3 52.4%, #a7ceb2 54.0%, #a8ceb0 55.6%, #aaceac 57.1%, #adcda8 58.7%, #b1cca4 60.3%, #b6cb9f 61.9%, #bcc99a 63.5%, #c2c795 65.1%, #c9c591 66.7%, #cfc28f 68.3%, #d6c08d 69.8%, #dbbd8d 71.4%, #e0bb8f 73.0%, #e4b991 74.6%, #e8b894 76.2%, #ebb699 77.8%, #eeb59e 79.4%, #f0b4a5 81.0%, #f1b4ac 82.5%, #f1b4b4 84.1%, #f1b4bc 85.7%, #f0b5c4 87.3%, #eeb6cc 88.9%, #ebb7d3 90.5%, #e9b9d9 92.1%, #e6bbdf 93.7%, #e2bde4 95.2%, #dfbee8 96.8%, #ddc0eb 98.4%, #dac1ed 100.0%);
background: linear-gradient(135deg in oklch, oklch(90.55% 0.0951 94.22) 0.0%, oklch(90.16% 0.0936 90.27) 1.6%, oklch(89.67% 0.0918 84.79) 3.2%, oklch(89.07% 0.0896 78.03) 4.8%, oklch(88.40% 0.0871 70.27) 6.3%, oklch(87.66% 0.0833 61.79) 7.9%, oklch(86.88% 0.0804 52.84) 9.5%, oklch(86.08% 0.0785 43.70) 11.1%, oklch(85.26% 0.0755 34.65) 12.7%, oklch(84.44% 0.0725 25.95) 14.3%, oklch(83.64% 0.0695 17.86) 15.9%, oklch(82.89% 0.0666 10.67) 17.5%, oklch(82.18% 0.0639 4.65) 19.0%, oklch(81.55% 0.0615 0.05) 20.6%, oklch(81.01% 0.0594 357.15) 22.2%, oklch(80.57% 0.0576 356.23) 23.8%, oklch(80.25% 0.0562 357.57) 25.4%, oklch(80.03% 0.0551 1.65) 27.0%, oklch(79.89% 0.0542 8.31) 28.6%, oklch(79.84% 0.0535 17.15) 30.2%, oklch(79.84% 0.0529 27.80) 31.7%, oklch(79.91% 0.0526 39.85) 33.3%, oklch(80.02% 0.0523 52.94) 34.9%, oklch(80.16% 0.0523 66.66) 36.5%, oklch(80.33% 0.0523 80.64) 38.1%, oklch(80.52% 0.0525 94.48) 39.7%, oklch(80.72% 0.0527 107.81) 41.3%, oklch(80.91% 0.0530 120.22) 42.9%, oklch(81.09% 0.0534 131.34) 44.4%, oklch(81.25% 0.0539 140.77) 46.0%, oklch(81.38% 0.0543 148.13) 47.6%, oklch(81.47% 0.0549 153.04) 49.2%, oklch(81.51% 0.0554 155.26) 50.8%, oklch(81.53% 0.0562 155.50) 52.4%, oklch(81.53% 0.0571 154.08) 54.0%, oklch(81.51% 0.0583 151.17) 55.6%, oklch(81.49% 0.0596 146.95) 57.1%, oklch(81.46% 0.0609 141.59) 58.7%, oklch(81.42% 0.0624 135.27) 60.3%, oklch(81.39% 0.0639 128.16) 61.9%, oklch(81.35% 0.0653 120.44) 63.5%, oklch(81.32% 0.0668 112.29) 65.1%, oklch(81.31% 0.0682 103.89) 66.7%, oklch(81.30% 0.0695 95.40) 68.3%, oklch(81.31% 0.0706 87.01) 69.8%, oklch(81.34% 0.0716 78.89) 71.4%, oklch(81.39% 0.0724 71.21) 73.0%, oklch(81.47% 0.0729 64.16) 74.6%, oklch(81.58% 0.0732 57.49) 76.2%, oklch(81.73% 0.0733 50.34) 77.8%, oklch(81.90% 0.0732 42.74) 79.4%, oklch(82.10% 0.0730 34.81) 81.0%, oklch(82.31% 0.0726 26.65) 82.5%, oklch(82.55% 0.0720 18.36) 84.1%, oklch(82.79% 0.0715 10.04) 85.7%, oklch(83.04% 0.0708 1.78) 87.3%, oklch(83.29% 0.0701 353.70) 88.9%, oklch(83.53% 0.0694 345.90) 90.5%, oklch(83.77% 0.0687 338.47) 92.1%, oklch(83.99% 0.0680 331.52) 93.7%, oklch(84.20% 0.0674 325.14) 95.2%, oklch(84.38% 0.0669 319.45) 96.8%, oklch(84.53% 0.0664 314.53) 98.4%, oklch(84.65% 0.0661 310.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.906 | 0.095 | 94.2 |
| 2 | 0.803 | 0.056 | -3 |
| 3 | 0.815 | 0.055 | 154.5 |
| 4 | 0.815 | 0.073 | 62.5 |
| 5 | 0.846 | 0.066 | -49.5 |

## In these collections

- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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