# Peach mauve and deep leaf green

Pale peach travels through blush and dusty mauve into muted rust and ochre, then turns through leaf green toward a deep green finish. The 64-stop angular gradient wraps the light peach and dark green ends together, creating a spring fan with warm floral tones and a grounded foliage section.

- Also called: Pink, purple, green and teal angular gradient
- Seed: `kW5BYf4xc786dPVMl1Jt5RC4`
- Page: https://grabient.com/kW5BYf4xc786dPVMl1Jt5RC4?style=angularGradient&steps=64&angle=155
- Drawn as: angular gradient, 64 steps, 155 degrees
- Kinds: light to dark, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.5 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 | `#f0d7cd` | `oklch(89.76% 0.0303 44.30)` | Tan Whirl | black, 15.3 to 1 |
| 2 | `#efd6cc` | `oklch(89.35% 0.0315 43.07)` | Shy Cupid | black, 15.1 to 1 |
| 3 | `#efd4ca` | `oklch(88.87% 0.0330 41.56)` | Pink Sentiment | black, 14.8 to 1 |
| 4 | `#eed1c8` | `oklch(88.31% 0.0348 39.80)` | Sugarcane | black, 14.6 to 1 |
| 5 | `#edcfc5` | `oklch(87.70% 0.0368 37.82)` | Charmed | black, 14.3 to 1 |
| 6 | `#edccc3` | `oklch(87.04% 0.0389 35.66)` | Pale Dogwood | black, 14 to 1 |
| 7 | `#ecc9c1` | `oklch(86.32% 0.0412 33.36)` | Harmony | black, 13.6 to 1 |
| 8 | `#ebc6be` | `oklch(85.56% 0.0437 30.95)` | Snow Pink | black, 13.3 to 1 |
| 9 | `#eac2bc` | `oklch(84.77% 0.0461 28.46)` | Congo | black, 12.9 to 1 |
| 10 | `#e9bfba` | `oklch(83.94% 0.0486 25.93)` | Rosy Glow | black, 12.6 to 1 |
| 11 | `#e7bbb8` | `oklch(83.08% 0.0511 23.40)` | Rose Fog | black, 12.2 to 1 |
| 12 | `#e6b8b6` | `oklch(82.21% 0.0536 20.90)` | Bistro Pink | black, 11.8 to 1 |
| 13 | `#e4b4b4` | `oklch(81.32% 0.0559 18.46)` | Perfect Pink | black, 11.4 to 1 |
| 14 | `#e2b0b2` | `oklch(80.42% 0.0582 16.12)` | Sakura | black, 11.1 to 1 |
| 15 | `#e0adb0` | `oklch(79.52% 0.0603 13.91)` | Grim Pink | black, 10.7 to 1 |
| 16 | `#deaaaf` | `oklch(78.62% 0.0621 11.88)` | Raspberry Lemonade | black, 10.4 to 1 |
| 17 | `#dca6ad` | `oklch(77.73% 0.0638 10.02)` | Prom | black, 10.1 to 1 |
| 18 | `#d9a3ac` | `oklch(76.78% 0.0654 7.81)` | Prom | black, 9.7 to 1 |
| 19 | `#d69faa` | `oklch(75.75% 0.0669 5.14)` | Young at Heart | black, 9.4 to 1 |
| 20 | `#d39ba9` | `oklch(74.66% 0.0684 2.13)` | Silver Rose | black, 9 to 1 |
| 21 | `#cf97a8` | `oklch(73.52% 0.0699 358.91)` | Honey Pink | black, 8.6 to 1 |
| 22 | `#cb93a7` | `oklch(72.35% 0.0713 355.61)` | Madagascar Pink | black, 8.2 to 1 |
| 23 | `#c690a6` | `oklch(71.17% 0.0727 352.35)` | Pinch Me | black, 7.9 to 1 |
| 24 | `#c28ca5` | `oklch(69.98% 0.0740 349.28)` | Winsome Rose | black, 7.5 to 1 |
| 25 | `#be88a4` | `oklch(68.80% 0.0752 346.50)` | Rosy | black, 7.2 to 1 |
| 26 | `#b985a3` | `oklch(67.65% 0.0763 344.16)` | Opera Mauve | black, 6.9 to 1 |
| 27 | `#b681a1` | `oklch(66.54% 0.0772 342.37)` | Opera Mauve | black, 6.6 to 1 |
| 28 | `#b27e9f` | `oklch(65.49% 0.0781 341.27)` | Antique Hot Pink | black, 6.3 to 1 |
| 29 | `#af7b9c` | `oklch(64.50% 0.0788 340.99)` | Antique Hot Pink | black, 6.1 to 1 |
| 30 | `#ad7899` | `oklch(63.60% 0.0793 341.66)` | Wonder Wish | black, 5.9 to 1 |
| 31 | `#ab7595` | `oklch(62.80% 0.0797 343.39)` | Cipher | black, 5.7 to 1 |
| 32 | `#aa7390` | `oklch(62.11% 0.0799 346.33)` | Mauve Orchid | black, 5.5 to 1 |
| 33 | `#aa718b` | `oklch(61.55% 0.0799 350.66)` | Mauve Orchid | black, 5.4 to 1 |
| 34 | `#ab6f84` | `oklch(61.15% 0.0796 356.76)` | Shade of Mauve | black, 5.3 to 1 |
| 35 | `#ab6f7d` | `oklch(60.90% 0.0791 4.47)` | Shade of Mauve | black, 5.2 to 1 |
| 36 | `#ac6f75` | `oklch(60.77% 0.0783 13.56)` | Pomegranate Tea | black, 5.2 to 1 |
| 37 | `#ac706c` | `oklch(60.74% 0.0774 23.78)` | Copper Penny | black, 5.2 to 1 |
| 38 | `#ab7263` | `oklch(60.78% 0.0763 34.90)` | Pajarito Red | black, 5.3 to 1 |
| 39 | `#a9755c` | `oklch(60.87% 0.0750 46.68)` | Clay Court | black, 5.3 to 1 |
| 40 | `#a57856` | `oklch(61.00% 0.0737 58.88)` | Sidesaddle | black, 5.4 to 1 |
| 41 | `#9f7c52` | `oklch(61.13% 0.0723 71.27)` | Grecian Gold | black, 5.5 to 1 |
| 42 | `#988051` | `oklch(61.25% 0.0709 83.60)` | Grassy Cliff | black, 5.5 to 1 |
| 43 | `#918453` | `oklch(61.33% 0.0695 95.65)` | Mountain Olive | black, 5.6 to 1 |
| 44 | `#888756` | `oklch(61.35% 0.0681 107.16)` | Iguana | black, 5.6 to 1 |
| 45 | `#808a5b` | `oklch(61.29% 0.0668 117.91)` | Sage Leaves | black, 5.6 to 1 |
| 46 | `#788b61` | `oklch(61.12% 0.0656 127.66)` | Fern Canopy | black, 5.6 to 1 |
| 47 | `#718c65` | `oklch(60.82% 0.0645 136.17)` | Kashmir | black, 5.6 to 1 |
| 48 | `#6b8c69` | `oklch(60.37% 0.0636 143.19)` | Kashmir | black, 5.5 to 1 |
| 49 | `#658a6b` | `oklch(59.75% 0.0628 148.75)` | Slate Green | black, 5.4 to 1 |
| 50 | `#60886c` | `oklch(58.96% 0.0621 153.40)` | Comfrey | black, 5.2 to 1 |
| 51 | `#5b866c` | `oklch(58.03% 0.0613 157.23)` | Clouded Pine | black, 5 to 1 |
| 52 | `#57836b` | `oklch(56.98% 0.0607 160.33)` | Tournament Field | black, 4.8 to 1 |
| 53 | `#527f6a` | `oklch(55.82% 0.0600 162.78)` | Park Bench | black, 4.6 to 1 |
| 54 | `#4e7c68` | `oklch(54.60% 0.0594 164.66)` | Gremolata | white, 4.7 to 1 |
| 55 | `#4a7865` | `oklch(53.33% 0.0588 166.06)` | Leaping Lizard | white, 5 to 1 |
| 56 | `#467462` | `oklch(52.03% 0.0583 167.05)` | Christmas Ivy | white, 5.3 to 1 |
| 57 | `#43705f` | `oklch(50.74% 0.0578 167.71)` | Cormorant | white, 5.6 to 1 |
| 58 | `#3f6c5c` | `oklch(49.47% 0.0573 168.13)` | Smoke Pine | white, 5.9 to 1 |
| 59 | `#3c6958` | `oklch(48.24% 0.0568 168.38)` | June Ivy | white, 6.2 to 1 |
| 60 | `#396555` | `oklch(47.09% 0.0564 168.55)` | Plantain Green | white, 6.5 to 1 |
| 61 | `#366253` | `oklch(46.04% 0.0561 168.73)` | Posy Green | white, 6.9 to 1 |
| 62 | `#346050` | `oklch(45.11% 0.0557 168.98)` | Amish Green | white, 7.1 to 1 |
| 63 | `#325d4e` | `oklch(44.32% 0.0554 169.39)` | Spectra | white, 7.4 to 1 |
| 64 | `#305c4d` | `oklch(43.70% 0.0551 170.05)` | Old Money | white, 7.6 to 1 |

## CSS

```css
background: conic-gradient(from 155deg, #f0d7cd 0.0%, #efd6cc 1.6%, #efd4ca 3.2%, #eed1c8 4.8%, #edcfc5 6.3%, #edccc3 7.9%, #ecc9c1 9.5%, #ebc6be 11.1%, #eac2bc 12.7%, #e9bfba 14.3%, #e7bbb8 15.9%, #e6b8b6 17.5%, #e4b4b4 19.0%, #e2b0b2 20.6%, #e0adb0 22.2%, #deaaaf 23.8%, #dca6ad 25.4%, #d9a3ac 27.0%, #d69faa 28.6%, #d39ba9 30.2%, #cf97a8 31.7%, #cb93a7 33.3%, #c690a6 34.9%, #c28ca5 36.5%, #be88a4 38.1%, #b985a3 39.7%, #b681a1 41.3%, #b27e9f 42.9%, #af7b9c 44.4%, #ad7899 46.0%, #ab7595 47.6%, #aa7390 49.2%, #aa718b 50.8%, #ab6f84 52.4%, #ab6f7d 54.0%, #ac6f75 55.6%, #ac706c 57.1%, #ab7263 58.7%, #a9755c 60.3%, #a57856 61.9%, #9f7c52 63.5%, #988051 65.1%, #918453 66.7%, #888756 68.3%, #808a5b 69.8%, #788b61 71.4%, #718c65 73.0%, #6b8c69 74.6%, #658a6b 76.2%, #60886c 77.8%, #5b866c 79.4%, #57836b 81.0%, #527f6a 82.5%, #4e7c68 84.1%, #4a7865 85.7%, #467462 87.3%, #43705f 88.9%, #3f6c5c 90.5%, #3c6958 92.1%, #396555 93.7%, #366253 95.2%, #346050 96.8%, #325d4e 98.4%, #305c4d 100.0%);
background: conic-gradient(from 155deg in oklch, oklch(89.76% 0.0303 44.30) 0.0%, oklch(89.35% 0.0315 43.07) 1.6%, oklch(88.87% 0.0330 41.56) 3.2%, oklch(88.31% 0.0348 39.80) 4.8%, oklch(87.70% 0.0368 37.82) 6.3%, oklch(87.04% 0.0389 35.66) 7.9%, oklch(86.32% 0.0412 33.36) 9.5%, oklch(85.56% 0.0437 30.95) 11.1%, oklch(84.77% 0.0461 28.46) 12.7%, oklch(83.94% 0.0486 25.93) 14.3%, oklch(83.08% 0.0511 23.40) 15.9%, oklch(82.21% 0.0536 20.90) 17.5%, oklch(81.32% 0.0559 18.46) 19.0%, oklch(80.42% 0.0582 16.12) 20.6%, oklch(79.52% 0.0603 13.91) 22.2%, oklch(78.62% 0.0621 11.88) 23.8%, oklch(77.73% 0.0638 10.02) 25.4%, oklch(76.78% 0.0654 7.81) 27.0%, oklch(75.75% 0.0669 5.14) 28.6%, oklch(74.66% 0.0684 2.13) 30.2%, oklch(73.52% 0.0699 358.91) 31.7%, oklch(72.35% 0.0713 355.61) 33.3%, oklch(71.17% 0.0727 352.35) 34.9%, oklch(69.98% 0.0740 349.28) 36.5%, oklch(68.80% 0.0752 346.50) 38.1%, oklch(67.65% 0.0763 344.16) 39.7%, oklch(66.54% 0.0772 342.37) 41.3%, oklch(65.49% 0.0781 341.27) 42.9%, oklch(64.50% 0.0788 340.99) 44.4%, oklch(63.60% 0.0793 341.66) 46.0%, oklch(62.80% 0.0797 343.39) 47.6%, oklch(62.11% 0.0799 346.33) 49.2%, oklch(61.55% 0.0799 350.66) 50.8%, oklch(61.15% 0.0796 356.76) 52.4%, oklch(60.90% 0.0791 4.47) 54.0%, oklch(60.77% 0.0783 13.56) 55.6%, oklch(60.74% 0.0774 23.78) 57.1%, oklch(60.78% 0.0763 34.90) 58.7%, oklch(60.87% 0.0750 46.68) 60.3%, oklch(61.00% 0.0737 58.88) 61.9%, oklch(61.13% 0.0723 71.27) 63.5%, oklch(61.25% 0.0709 83.60) 65.1%, oklch(61.33% 0.0695 95.65) 66.7%, oklch(61.35% 0.0681 107.16) 68.3%, oklch(61.29% 0.0668 117.91) 69.8%, oklch(61.12% 0.0656 127.66) 71.4%, oklch(60.82% 0.0645 136.17) 73.0%, oklch(60.37% 0.0636 143.19) 74.6%, oklch(59.75% 0.0628 148.75) 76.2%, oklch(58.96% 0.0621 153.40) 77.8%, oklch(58.03% 0.0613 157.23) 79.4%, oklch(56.98% 0.0607 160.33) 81.0%, oklch(55.82% 0.0600 162.78) 82.5%, oklch(54.60% 0.0594 164.66) 84.1%, oklch(53.33% 0.0588 166.06) 85.7%, oklch(52.03% 0.0583 167.05) 87.3%, oklch(50.74% 0.0578 167.71) 88.9%, oklch(49.47% 0.0573 168.13) 90.5%, oklch(48.24% 0.0568 168.38) 92.1%, oklch(47.09% 0.0564 168.55) 93.7%, oklch(46.04% 0.0561 168.73) 95.2%, oklch(45.11% 0.0557 168.98) 96.8%, oklch(44.32% 0.0554 169.39) 98.4%, oklch(43.70% 0.0551 170.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.898 | 0.03 | 44.3 |
| 2 | 0.78 | 0.063 | 10.5 |
| 3 | 0.618 | 0.08 | -11.7 |
| 4 | 0.602 | 0.063 | 144.7 |
| 5 | 0.437 | 0.055 | 170.1 |

## In these collections

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

## Other forms

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