# Peach coral and teal rainbow loop

Peach cream moves through muted orange, coral red, berry, violet, blue, teal, leaf green, and ochre gold. The angular gradient brings the golden end back to the peach start with a visible warm-toned boundary. It suits ornamental color-wheel graphics, playful editorial backgrounds, and softened rainbow designs with a broad warm-to-cool sweep.

- Also called: Rainbow from beige to tan angular gradient
- Seed: `kc5CAvWzI-ko4OxArroQKi5k2euRYJzd4qm6o`
- Page: https://grabient.com/kc5CAvWzI-ko4OxArroQKi5k2euRYJzd4qm6o?style=angularGradient&steps=48&angle=225
- Drawn as: angular gradient, 48 steps, 225 degrees
- Kinds: dark center, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.6 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 | `#f2d8bf` | `oklch(89.76% 0.0441 66.09)` | Turkscap | black, 15.3 to 1 |
| 2 | `#f1d1b3` | `oklch(88.00% 0.0537 65.27)` | Sandalwood Beige | black, 14.5 to 1 |
| 3 | `#efc7a2` | `oklch(85.55% 0.0675 64.41)` | Negroni | black, 13.3 to 1 |
| 4 | `#edbb8d` | `oklch(82.65% 0.0838 63.33)` | Baba Ganoush | black, 12.1 to 1 |
| 5 | `#ebae77` | `oklch(79.52% 0.1009 61.86)` | Yucatan | black, 10.8 to 1 |
| 6 | `#e9a062` | `oklch(76.38% 0.1171 59.81)` | South Haven | black, 9.6 to 1 |
| 7 | `#e69250` | `oklch(73.47% 0.1306 57.02)` | Sabre-Toothed Tiger | black, 8.6 to 1 |
| 8 | `#e48645` | `oklch(70.99% 0.1400 53.30)` | Muskmelon | black, 7.8 to 1 |
| 9 | `#e17b40` | `oklch(68.71% 0.1464 48.55)` | Citrus Blast | black, 7.1 to 1 |
| 10 | `#de7040` | `oklch(66.52% 0.1508 42.95)` | Knockout Orange | black, 6.5 to 1 |
| 11 | `#da6645` | `oklch(64.44% 0.1534 36.71)` | Old Cheddar | black, 5.9 to 1 |
| 12 | `#d55d4c` | `oklch(62.48% 0.1547 30.02)` | Flame Stitch | black, 5.4 to 1 |
| 13 | `#ce5554` | `oklch(60.64% 0.1550 23.11)` | Chestnut Rose | black, 5 to 1 |
| 14 | `#c84e5d` | `oklch(58.95% 0.1546 16.18)` | Iridescent Red | black, 4.7 to 1 |
| 15 | `#c04a65` | `oklch(57.40% 0.1536 9.34)` | Vibrant Red | white, 4.7 to 1 |
| 16 | `#b8466d` | `oklch(55.95% 0.1509 2.30)` | Lake Red | white, 5 to 1 |
| 17 | `#af4575` | `oklch(54.63% 0.1470 355.04)` | Mystic Maroon | white, 5.3 to 1 |
| 18 | `#a5457c` | `oklch(53.45% 0.1423 347.61)` | Pink Ballad | white, 5.6 to 1 |
| 19 | `#9c4583` | `oklch(52.42% 0.1373 340.05)` | Grape Riot | white, 5.8 to 1 |
| 20 | `#924789` | `oklch(51.55% 0.1326 332.39)` | Pickled Plum | white, 6 to 1 |
| 21 | `#89488e` | `oklch(50.87% 0.1286 324.69)` | Prunella | white, 6.1 to 1 |
| 22 | `#804a93` | `oklch(50.35% 0.1256 316.94)` | Voodoo Violet | white, 6.2 to 1 |
| 23 | `#784d98` | `oklch(49.96% 0.1232 309.10)` | Parfait d’Amour | white, 6.3 to 1 |
| 24 | `#6f4f9c` | `oklch(49.73% 0.1210 301.17)` | Parfait d’Amour | white, 6.3 to 1 |
| 25 | `#66539f` | `oklch(49.68% 0.1189 293.14)` | Purple Opulence | white, 6.3 to 1 |
| 26 | `#5d57a2` | `oklch(49.84% 0.1167 285.02)` | Purple Opulence | white, 6.2 to 1 |
| 27 | `#545ca4` | `oklch(50.24% 0.1142 276.81)` | Purple Frenzy | white, 6.1 to 1 |
| 28 | `#4b61a5` | `oklch(50.90% 0.1111 268.50)` | Starstruck | white, 5.8 to 1 |
| 29 | `#4368a6` | `oklch(51.95% 0.1070 260.21)` | Indigo Batik | white, 5.5 to 1 |
| 30 | `#3d70a6` | `oklch(53.37% 0.1019 251.93)` | Mega Blue | white, 5.1 to 1 |
| 31 | `#3a77a6` | `oklch(55.02% 0.0965 243.57)` | Taiwan Blue Magpie | white, 4.7 to 1 |
| 32 | `#387fa5` | `oklch(56.78% 0.0914 235.03)` | Cendre Blue | black, 4.7 to 1 |
| 33 | `#3986a4` | `oklch(58.55% 0.0872 226.21)` | Dirty Blue | black, 5.1 to 1 |
| 34 | `#3b8da2` | `oklch(60.19% 0.0846 217.02)` | Scooter | black, 5.5 to 1 |
| 35 | `#3c939f` | `oklch(61.61% 0.0842 207.32)` | Aqua Lake | black, 5.8 to 1 |
| 36 | `#3d999a` | `oklch(62.91% 0.0860 196.70)` | Aquatic Green | black, 6.2 to 1 |
| 37 | `#419e94` | `oklch(64.16% 0.0895 185.45)` | Baltic Green | black, 6.5 to 1 |
| 38 | `#48a38c` | `oklch(65.37% 0.0940 173.97)` | Corrosion Green | black, 6.8 to 1 |
| 39 | `#55a782` | `oklch(66.55% 0.0988 162.67)` | Laurel Wreath | black, 7.2 to 1 |
| 40 | `#64aa78` | `oklch(67.74% 0.1033 151.96)` | Green Tea Candy | black, 7.5 to 1 |
| 41 | `#74ac6e` | `oklch(68.94% 0.1068 142.25)` | Alfalfa Bug | black, 7.8 to 1 |
| 42 | `#83ae66` | `oklch(70.21% 0.1090 133.60)` | Jealousy | black, 8.2 to 1 |
| 43 | `#93b060` | `oklch(71.60% 0.1106 125.36)` | Asparagus Cream | black, 8.5 to 1 |
| 44 | `#a2b15c` | `oklch(73.04% 0.1118 117.64)` | Greasy Green Beans | black, 8.9 to 1 |
| 45 | `#b0b35a` | `oklch(74.43% 0.1127 110.61)` | Green Oasis | black, 9.4 to 1 |
| 46 | `#bbb459` | `oklch(75.70% 0.1133 104.44)` | Hemp Tea | black, 9.7 to 1 |
| 47 | `#c5b55a` | `oklch(76.77% 0.1139 99.29)` | Vegas Gold | black, 10.1 to 1 |
| 48 | `#ccb55a` | `oklch(77.56% 0.1144 95.33)` | Warm Woollen | black, 10.3 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #f2d8bf 0.0%, #f1d1b3 2.1%, #efc7a2 4.3%, #edbb8d 6.4%, #ebae77 8.5%, #e9a062 10.6%, #e69250 12.8%, #e48645 14.9%, #e17b40 17.0%, #de7040 19.1%, #da6645 21.3%, #d55d4c 23.4%, #ce5554 25.5%, #c84e5d 27.7%, #c04a65 29.8%, #b8466d 31.9%, #af4575 34.0%, #a5457c 36.2%, #9c4583 38.3%, #924789 40.4%, #89488e 42.6%, #804a93 44.7%, #784d98 46.8%, #6f4f9c 48.9%, #66539f 51.1%, #5d57a2 53.2%, #545ca4 55.3%, #4b61a5 57.4%, #4368a6 59.6%, #3d70a6 61.7%, #3a77a6 63.8%, #387fa5 66.0%, #3986a4 68.1%, #3b8da2 70.2%, #3c939f 72.3%, #3d999a 74.5%, #419e94 76.6%, #48a38c 78.7%, #55a782 80.9%, #64aa78 83.0%, #74ac6e 85.1%, #83ae66 87.2%, #93b060 89.4%, #a2b15c 91.5%, #b0b35a 93.6%, #bbb459 95.7%, #c5b55a 97.9%, #ccb55a 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(89.76% 0.0441 66.09) 0.0%, oklch(88.00% 0.0537 65.27) 2.1%, oklch(85.55% 0.0675 64.41) 4.3%, oklch(82.65% 0.0838 63.33) 6.4%, oklch(79.52% 0.1009 61.86) 8.5%, oklch(76.38% 0.1171 59.81) 10.6%, oklch(73.47% 0.1306 57.02) 12.8%, oklch(70.99% 0.1400 53.30) 14.9%, oklch(68.71% 0.1464 48.55) 17.0%, oklch(66.52% 0.1508 42.95) 19.1%, oklch(64.44% 0.1534 36.71) 21.3%, oklch(62.48% 0.1547 30.02) 23.4%, oklch(60.64% 0.1550 23.11) 25.5%, oklch(58.95% 0.1546 16.18) 27.7%, oklch(57.40% 0.1536 9.34) 29.8%, oklch(55.95% 0.1509 2.30) 31.9%, oklch(54.63% 0.1470 355.04) 34.0%, oklch(53.45% 0.1423 347.61) 36.2%, oklch(52.42% 0.1373 340.05) 38.3%, oklch(51.55% 0.1326 332.39) 40.4%, oklch(50.87% 0.1286 324.69) 42.6%, oklch(50.35% 0.1256 316.94) 44.7%, oklch(49.96% 0.1232 309.10) 46.8%, oklch(49.73% 0.1210 301.17) 48.9%, oklch(49.68% 0.1189 293.14) 51.1%, oklch(49.84% 0.1167 285.02) 53.2%, oklch(50.24% 0.1142 276.81) 55.3%, oklch(50.90% 0.1111 268.50) 57.4%, oklch(51.95% 0.1070 260.21) 59.6%, oklch(53.37% 0.1019 251.93) 61.7%, oklch(55.02% 0.0965 243.57) 63.8%, oklch(56.78% 0.0914 235.03) 66.0%, oklch(58.55% 0.0872 226.21) 68.1%, oklch(60.19% 0.0846 217.02) 70.2%, oklch(61.61% 0.0842 207.32) 72.3%, oklch(62.91% 0.0860 196.70) 74.5%, oklch(64.16% 0.0895 185.45) 76.6%, oklch(65.37% 0.0940 173.97) 78.7%, oklch(66.55% 0.0988 162.67) 80.9%, oklch(67.74% 0.1033 151.96) 83.0%, oklch(68.94% 0.1068 142.25) 85.1%, oklch(70.21% 0.1090 133.60) 87.2%, oklch(71.60% 0.1106 125.36) 89.4%, oklch(73.04% 0.1118 117.64) 91.5%, oklch(74.43% 0.1127 110.61) 93.6%, oklch(75.70% 0.1133 104.44) 95.7%, oklch(76.77% 0.1139 99.29) 97.9%, oklch(77.56% 0.1144 95.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.898 | 0.044 | 66.1 |
| 2 | 0.717 | 0.138 | 54.5 |
| 3 | 0.583 | 0.154 | 13.3 |
| 4 | 0.508 | 0.128 | -36.4 |
| 5 | 0.508 | 0.112 | -90.3 |
| 6 | 0.61 | 0.084 | -148.4 |
| 7 | 0.693 | 0.107 | -220.3 |
| 8 | 0.776 | 0.114 | -264.7 |

## In these collections

- [Rainbow loop gradients](https://grabient.com/rainbow-loop-gradients)

## Other forms

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