# Lilac Peach Teal Passage

This diagonal gradient moves from lilac through pink and peach, turns through golden yellow and soft green, then settles into teal, slate blue, and deep cobalt. Four broad color families remain legible across the route without harsh seams. Use it for multicolor identity work, presentation covers, illustrations, or interface backgrounds that need varied accents within one coordinated field.

- Also called: Muted rainbow from lavender to blue linear gradient
- Seed: `kUu0LV7yhQEKNUc5uUUA`
- Page: https://grabient.com/kUu0LV7yhQEKNUc5uUUA?steps=32&angle=300
- Drawn as: linear gradient, 32 steps, 300 degrees
- Kinds: rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.2 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 | `#b29ddb` | `oklch(73.62% 0.0909 300.23)` | Violet Velvet | black, 8.7 to 1 |
| 2 | `#bd9dda` | `oklch(74.62% 0.0924 307.98)` | Mauve Mist | black, 9 to 1 |
| 3 | `#cb9fd9` | `oklch(76.16% 0.0949 317.82)` | Autumn Wisteria | black, 9.4 to 1 |
| 4 | `#dba1d6` | `oklch(78.08% 0.0979 329.40)` | Plum Juice | black, 10 to 1 |
| 5 | `#eca4d0` | `oklch(80.20% 0.1013 342.41)` | Elastic Pink | black, 10.8 to 1 |
| 6 | `#fca9c7` | `oklch(82.35% 0.1047 356.52)` | Taffy Pink | black, 11.6 to 1 |
| 7 | `#ffb4bd` | `oklch(84.37% 0.0874 11.38)` | Matt Pink | black, 12.5 to 1 |
| 8 | `#ffbfb7` | `oklch(86.08% 0.0750 26.68)` | Ruffled Parasol | black, 13.3 to 1 |
| 9 | `#ffc7b1` | `oklch(87.32% 0.0712 42.09)` | Antique Coral | black, 14 to 1 |
| 10 | `#ffcba6` | `oklch(87.91% 0.0770 57.26)` | Peach Crayon | black, 14.3 to 1 |
| 11 | `#ffcc8e` | `oklch(87.69% 0.0978 71.87)` | Goldenrod Yellow | black, 14.3 to 1 |
| 12 | `#f2ce7d` | `oklch(86.46% 0.1077 86.10)` | Yellow Bird | black, 13.8 to 1 |
| 13 | `#d9ce7e` | `oklch(84.21% 0.1014 101.27)` | Hay Day | black, 13 to 1 |
| 14 | `#bdca84` | `oklch(81.14% 0.0929 117.16)` | Apple II Beige | black, 11.9 to 1 |
| 15 | `#a1c28b` | `oklch(77.44% 0.0828 133.46)` | Green Herb | black, 10.5 to 1 |
| 16 | `#89b691` | `oklch(73.33% 0.0721 149.82)` | Green Bonnet | black, 9.1 to 1 |
| 17 | `#77a893` | `oklch(69.02% 0.0614 165.92)` | Acapulco | black, 7.7 to 1 |
| 18 | `#6b9990` | `oklch(64.71% 0.0516 181.41)` | Little League | black, 6.5 to 1 |
| 19 | `#638b8a` | `oklch(60.63% 0.0434 195.96)` | Tasmanian Sea | black, 5.5 to 1 |
| 20 | `#5d7e83` | `oklch(56.96% 0.0378 209.25)` | Refuge | black, 4.7 to 1 |
| 21 | `#58747d` | `oklch(53.93% 0.0353 220.94)` | Blue Sage | white, 5 to 1 |
| 22 | `#536c7a` | `oklch(51.71% 0.0368 230.72)` | Morro Bay | white, 5.5 to 1 |
| 23 | `#4d6779` | `oklch(50.03% 0.0428 238.85)` | Prairie Denim | white, 5.9 to 1 |
| 24 | `#47637c` | `oklch(48.73% 0.0524 245.60)` | Stellar | white, 6.2 to 1 |
| 25 | `#415f80` | `oklch(47.76% 0.0647 251.15)` | Parlour Blue | white, 6.5 to 1 |
| 26 | `#3c5c87` | `oklch(47.05% 0.0790 255.67)` | Delft | white, 6.8 to 1 |
| 27 | `#38598e` | `oklch(46.56% 0.0944 259.34)` | Lambent Lagoon | white, 6.9 to 1 |
| 28 | `#365696` | `oklch(46.22% 0.1100 262.33)` | Muted Lavender | white, 7.1 to 1 |
| 29 | `#35539d` | `oklch(45.98% 0.1249 264.81)` | Dazzling Blue | white, 7.2 to 1 |
| 30 | `#3550a4` | `oklch(45.78% 0.1383 266.97)` | Dazzling Blue | white, 7.3 to 1 |
| 31 | `#364da9` | `oklch(45.56% 0.1493 268.97)` | Night in Manchester | white, 7.5 to 1 |
| 32 | `#384aac` | `oklch(45.28% 0.1571 271.00)` | Night in Manchester | white, 7.6 to 1 |

## CSS

```css
background: linear-gradient(300deg, #b29ddb 0.0%, #bd9dda 3.2%, #cb9fd9 6.5%, #dba1d6 9.7%, #eca4d0 12.9%, #fca9c7 16.1%, #ffb4bd 19.4%, #ffbfb7 22.6%, #ffc7b1 25.8%, #ffcba6 29.0%, #ffcc8e 32.3%, #f2ce7d 35.5%, #d9ce7e 38.7%, #bdca84 41.9%, #a1c28b 45.2%, #89b691 48.4%, #77a893 51.6%, #6b9990 54.8%, #638b8a 58.1%, #5d7e83 61.3%, #58747d 64.5%, #536c7a 67.7%, #4d6779 71.0%, #47637c 74.2%, #415f80 77.4%, #3c5c87 80.6%, #38598e 83.9%, #365696 87.1%, #35539d 90.3%, #3550a4 93.5%, #364da9 96.8%, #384aac 100.0%);
background: linear-gradient(300deg in oklch, oklch(73.62% 0.0909 300.23) 0.0%, oklch(74.62% 0.0924 307.98) 3.2%, oklch(76.16% 0.0949 317.82) 6.5%, oklch(78.08% 0.0979 329.40) 9.7%, oklch(80.20% 0.1013 342.41) 12.9%, oklch(82.35% 0.1047 356.52) 16.1%, oklch(84.37% 0.0874 11.38) 19.4%, oklch(86.08% 0.0750 26.68) 22.6%, oklch(87.32% 0.0712 42.09) 25.8%, oklch(87.91% 0.0770 57.26) 29.0%, oklch(87.69% 0.0978 71.87) 32.3%, oklch(86.46% 0.1077 86.10) 35.5%, oklch(84.21% 0.1014 101.27) 38.7%, oklch(81.14% 0.0929 117.16) 41.9%, oklch(77.44% 0.0828 133.46) 45.2%, oklch(73.33% 0.0721 149.82) 48.4%, oklch(69.02% 0.0614 165.92) 51.6%, oklch(64.71% 0.0516 181.41) 54.8%, oklch(60.63% 0.0434 195.96) 58.1%, oklch(56.96% 0.0378 209.25) 61.3%, oklch(53.93% 0.0353 220.94) 64.5%, oklch(51.71% 0.0368 230.72) 67.7%, oklch(50.03% 0.0428 238.85) 71.0%, oklch(48.73% 0.0524 245.60) 74.2%, oklch(47.76% 0.0647 251.15) 77.4%, oklch(47.05% 0.0790 255.67) 80.6%, oklch(46.56% 0.0944 259.34) 83.9%, oklch(46.22% 0.1100 262.33) 87.1%, oklch(45.98% 0.1249 264.81) 90.3%, oklch(45.78% 0.1383 266.97) 93.5%, oklch(45.56% 0.1493 268.97) 96.8%, oklch(45.28% 0.1571 271.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.091 | 300.2 |
| 2 | 0.874 | 0.11 | 436.6 |
| 3 | 0.524 | 0.036 | 587.7 |
| 4 | 0.453 | 0.157 | 631 |

## In these collections

- [Tetradic color palette](https://grabient.com/tetradic-color-palette)

## Other forms

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