# Lavender pool blue and weathered terracotta

Pale lavender deepens through muted blue and cobalt, crosses teal and soft green, then warms into sand, peach and terracotta brown. This eighty-stop diagonal gradient pairs pool-water colors with sun-worn tile and stone tones. A cool light opening and warm sandy highlight sit on either side of the deeper blue passage, giving the palette a gently weathered character.

- Also called: Lavender, blue, teal and brown linear gradient
- Seed: `kW3BLe1Bk8bwrPLqFyuyx-7Q`
- Page: https://grabient.com/kW3BLe1Bk8bwrPLqFyuyx-7Q?steps=80&angle=120
- Drawn as: linear gradient, 80 steps, 120 degrees
- Kinds: dark center, muted
- Hues: complementary
- 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 | `#d9cfdf` | `oklch(86.61% 0.0248 312.89)` | Dusty Plum | black, 13.8 to 1 |
| 2 | `#d7cdde` | `oklch(86.04% 0.0260 312.07)` | Violet Mist | black, 13.6 to 1 |
| 3 | `#d5cadd` | `oklch(85.37% 0.0274 311.09)` | Languid Lavender | black, 13.3 to 1 |
| 4 | `#d2c8db` | `oklch(84.61% 0.0290 309.99)` | Modesty | black, 12.9 to 1 |
| 5 | `#cfc5d9` | `oklch(83.76% 0.0308 308.77)` | Angel Kiss | black, 12.6 to 1 |
| 6 | `#ccc2d8` | `oklch(82.84% 0.0327 307.44)` | Awesome Aura | black, 12.2 to 1 |
| 7 | `#c9bed6` | `oklch(81.85% 0.0348 306.01)` | Playful Petal | black, 11.8 to 1 |
| 8 | `#c5bbd4` | `oklch(80.81% 0.0370 304.50)` | Orchid House | black, 11.4 to 1 |
| 9 | `#c2b7d2` | `oklch(79.71% 0.0392 302.92)` | Savile Row | black, 11 to 1 |
| 10 | `#bdb4d0` | `oklch(78.58% 0.0416 301.28)` | Frosted Orchid | black, 10.5 to 1 |
| 11 | `#b9b0ce` | `oklch(77.41% 0.0441 299.60)` | Petunia Trail | black, 10.1 to 1 |
| 12 | `#b5accc` | `oklch(76.22% 0.0466 297.88)` | Lavender Dream | black, 9.7 to 1 |
| 13 | `#b0a8ca` | `oklch(75.02% 0.0491 296.14)` | Wisteria-Wise | black, 9.3 to 1 |
| 14 | `#aca4c8` | `oklch(73.81% 0.0517 294.40)` | Forever Lilac | black, 8.9 to 1 |
| 15 | `#a7a1c6` | `oklch(72.60% 0.0543 292.65)` | Evening Slipper | black, 8.5 to 1 |
| 16 | `#a29dc4` | `oklch(71.41% 0.0569 290.92)` | Opulent Violet | black, 8.1 to 1 |
| 17 | `#9d9ac2` | `oklch(70.23% 0.0595 289.22)` | Majestic Violet | black, 7.8 to 1 |
| 18 | `#9996c1` | `oklch(69.08% 0.0621 287.56)` | Lavender Bonnet | black, 7.4 to 1 |
| 19 | `#9493bf` | `oklch(67.97% 0.0646 285.95)` | Royal Glimmer | black, 7.1 to 1 |
| 20 | `#9090bd` | `oklch(66.91% 0.0671 284.41)` | Velvet Crest | black, 6.8 to 1 |
| 21 | `#8b8dbc` | `oklch(65.89% 0.0695 282.95)` | Soft Blue Lavender | black, 6.6 to 1 |
| 22 | `#878aba` | `oklch(64.80% 0.0721 281.77)` | Soft Blue Lavender | black, 6.3 to 1 |
| 23 | `#8286b8` | `oklch(63.60% 0.0749 280.90)` | Iolite | black, 6 to 1 |
| 24 | `#7e82b6` | `oklch(62.32% 0.0779 280.28)` | Deep Periwinkle | black, 5.7 to 1 |
| 25 | `#797eb3` | `oklch(60.97% 0.0811 279.86)` | Astro Zinger | black, 5.4 to 1 |
| 26 | `#7479b1` | `oklch(59.58% 0.0844 279.57)` | Magic Moment | black, 5.1 to 1 |
| 27 | `#7075ae` | `oklch(58.16% 0.0878 279.37)` | Regal Azure | black, 4.8 to 1 |
| 28 | `#6b71ac` | `oklch(56.74% 0.0912 279.19)` | Jacaranda Jazz | white, 4.6 to 1 |
| 29 | `#676ca9` | `oklch(55.34% 0.0945 278.98)` | Twinkle Night | white, 4.8 to 1 |
| 30 | `#6268a7` | `oklch(53.97% 0.0979 278.67)` | Blue Iris | white, 5.1 to 1 |
| 31 | `#5e64a4` | `oklch(52.67% 0.1011 278.23)` | Blue Iris | white, 5.4 to 1 |
| 32 | `#5960a2` | `oklch(51.45% 0.1042 277.57)` | Violet Storm | white, 5.7 to 1 |
| 33 | `#555da0` | `oklch(50.32% 0.1071 276.66)` | Purple Frenzy | white, 6 to 1 |
| 34 | `#505a9f` | `oklch(49.32% 0.1097 275.44)` | Purple Frenzy | white, 6.3 to 1 |
| 35 | `#4c589e` | `oklch(48.47% 0.1121 273.84)` | Purple Frenzy | white, 6.5 to 1 |
| 36 | `#47579d` | `oklch(47.77% 0.1142 271.81)` | Nuthatch Back | white, 6.7 to 1 |
| 37 | `#42569c` | `oklch(47.27% 0.1159 269.29)` | Nuthatch Back | white, 6.8 to 1 |
| 38 | `#3c569c` | `oklch(46.96% 0.1172 266.23)` | Muted Lavender | white, 6.9 to 1 |
| 39 | `#35589c` | `oklch(46.89% 0.1181 262.57)` | Muted Lavender | white, 6.9 to 1 |
| 40 | `#2d5a9c` | `oklch(47.06% 0.1185 258.25)` | Cyan Cobalt Blue | white, 6.8 to 1 |
| 41 | `#235d9d` | `oklch(47.52% 0.1183 253.18)` | Drakenhof Nightshade | white, 6.6 to 1 |
| 42 | `#15629d` | `oklch(48.37% 0.1175 247.13)` | Brigadier Blue | white, 6.4 to 1 |
| 43 | `#00699c` | `oklch(49.60% 0.1140 240.20)` | Impulse Blue | white, 6 to 1 |
| 44 | `#007098` | `oklch(51.14% 0.1049 232.43)` | Tofino Belue | white, 5.5 to 1 |
| 45 | `#007796` | `oklch(52.97% 0.0994 223.95)` | Pristine Seas | white, 5.1 to 1 |
| 46 | `#007f95` | `oklch(55.03% 0.0972 214.89)` | Pagoda | white, 4.6 to 1 |
| 47 | `#008894` | `oklch(57.29% 0.0979 205.34)` | Curaçao Blue | black, 4.9 to 1 |
| 48 | `#009292` | `oklch(59.68% 0.1017 195.41)` | Lido Deck | black, 5.5 to 1 |
| 49 | `#2b9a8f` | `oklch(62.18% 0.0980 185.21)` | Temple Guard Blue | black, 6 to 1 |
| 50 | `#45a18b` | `oklch(64.74% 0.0941 174.86)` | Marine Green | black, 6.7 to 1 |
| 51 | `#5da888` | `oklch(67.30% 0.0901 164.45)` | Laurel Wreath | black, 7.4 to 1 |
| 52 | `#72ae86` | `oklch(69.83% 0.0862 154.09)` | Green Goddess | black, 8.1 to 1 |
| 53 | `#86b385` | `oklch(72.28% 0.0823 143.89)` | Chatty Cricket | black, 8.8 to 1 |
| 54 | `#98b885` | `oklch(74.60% 0.0786 133.96)` | Mesclun Green | black, 9.5 to 1 |
| 55 | `#a9bc87` | `oklch(76.75% 0.0751 124.40)` | Margarita | black, 10.2 to 1 |
| 56 | `#b7c08b` | `oklch(78.69% 0.0719 115.33)` | Jitterbug | black, 10.8 to 1 |
| 57 | `#c4c28f` | `oklch(80.36% 0.0691 106.84)` | Brimstone Butterfly | black, 11.4 to 1 |
| 58 | `#cec593` | `oklch(81.73% 0.0668 99.05)` | Vast Escape | black, 11.9 to 1 |
| 59 | `#d5c697` | `oklch(82.75% 0.0649 92.07)` | Parsnip | black, 12.3 to 1 |
| 60 | `#dbc699` | `oklch(83.38% 0.0636 86.00)` | Straw Basket | black, 12.5 to 1 |
| 61 | `#dfc69b` | `oklch(83.59% 0.0629 80.80)` | So Close | black, 12.6 to 1 |
| 62 | `#e1c49c` | `oklch(83.45% 0.0627 76.17)` | Faint Fawn | black, 12.5 to 1 |
| 63 | `#e1c19b` | `oklch(82.99% 0.0628 72.05)` | Tostada | black, 12.3 to 1 |
| 64 | `#e1be99` | `oklch(82.25% 0.0633 68.41)` | More Cowbell | black, 12 to 1 |
| 65 | `#dfba97` | `oklch(81.26% 0.0641 65.21)` | Honey Nougat | black, 11.6 to 1 |
| 66 | `#ddb593` | `oklch(80.06% 0.0652 62.41)` | Feline Frolic | black, 11.1 to 1 |
| 67 | `#dab08f` | `oklch(78.67% 0.0665 59.99)` | Boot Hill Ghost | black, 10.5 to 1 |
| 68 | `#d6aa8a` | `oklch(77.14% 0.0680 57.89)` | White Acorn | black, 10 to 1 |
| 69 | `#d2a585` | `oklch(75.48% 0.0696 56.10)` | Sunset Beige | black, 9.4 to 1 |
| 70 | `#ce9e7f` | `oklch(73.75% 0.0714 54.56)` | Arbol de Tamarindo | black, 8.8 to 1 |
| 71 | `#ca9879` | `oklch(71.96% 0.0733 53.25)` | Sweet Almond | black, 8.2 to 1 |
| 72 | `#c59273` | `oklch(70.15% 0.0752 52.12)` | Texas Hills | black, 7.7 to 1 |
| 73 | `#c08c6e` | `oklch(68.36% 0.0771 51.15)` | Tiny Fawn | black, 7.2 to 1 |
| 74 | `#bc8668` | `oklch(66.62% 0.0789 50.29)` | Honey Graham | black, 6.7 to 1 |
| 75 | `#b78062` | `oklch(64.96% 0.0807 49.51)` | Silken Chocolate | black, 6.3 to 1 |
| 76 | `#b37b5d` | `oklch(63.42% 0.0823 48.77)` | Caramel Apple | black, 5.9 to 1 |
| 77 | `#b07759` | `oklch(62.02% 0.0838 48.04)` | Tobey Rattan | black, 5.6 to 1 |
| 78 | `#ad7355` | `oklch(60.81% 0.0850 47.28)` | Glazed Pot | black, 5.3 to 1 |
| 79 | `#aa6f53` | `oklch(59.81% 0.0861 46.46)` | Orange Flambe | black, 5.1 to 1 |
| 80 | `#a86d51` | `oklch(59.06% 0.0868 45.53)` | Airbrushed Copper | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(120deg, #d9cfdf 0.0%, #d7cdde 1.3%, #d5cadd 2.5%, #d2c8db 3.8%, #cfc5d9 5.1%, #ccc2d8 6.3%, #c9bed6 7.6%, #c5bbd4 8.9%, #c2b7d2 10.1%, #bdb4d0 11.4%, #b9b0ce 12.7%, #b5accc 13.9%, #b0a8ca 15.2%, #aca4c8 16.5%, #a7a1c6 17.7%, #a29dc4 19.0%, #9d9ac2 20.3%, #9996c1 21.5%, #9493bf 22.8%, #9090bd 24.1%, #8b8dbc 25.3%, #878aba 26.6%, #8286b8 27.8%, #7e82b6 29.1%, #797eb3 30.4%, #7479b1 31.6%, #7075ae 32.9%, #6b71ac 34.2%, #676ca9 35.4%, #6268a7 36.7%, #5e64a4 38.0%, #5960a2 39.2%, #555da0 40.5%, #505a9f 41.8%, #4c589e 43.0%, #47579d 44.3%, #42569c 45.6%, #3c569c 46.8%, #35589c 48.1%, #2d5a9c 49.4%, #235d9d 50.6%, #15629d 51.9%, #00699c 53.2%, #007098 54.4%, #007796 55.7%, #007f95 57.0%, #008894 58.2%, #009292 59.5%, #2b9a8f 60.8%, #45a18b 62.0%, #5da888 63.3%, #72ae86 64.6%, #86b385 65.8%, #98b885 67.1%, #a9bc87 68.4%, #b7c08b 69.6%, #c4c28f 70.9%, #cec593 72.2%, #d5c697 73.4%, #dbc699 74.7%, #dfc69b 75.9%, #e1c49c 77.2%, #e1c19b 78.5%, #e1be99 79.7%, #dfba97 81.0%, #ddb593 82.3%, #dab08f 83.5%, #d6aa8a 84.8%, #d2a585 86.1%, #ce9e7f 87.3%, #ca9879 88.6%, #c59273 89.9%, #c08c6e 91.1%, #bc8668 92.4%, #b78062 93.7%, #b37b5d 94.9%, #b07759 96.2%, #ad7355 97.5%, #aa6f53 98.7%, #a86d51 100.0%);
background: linear-gradient(120deg in oklch, oklch(86.61% 0.0248 312.89) 0.0%, oklch(86.04% 0.0260 312.07) 1.3%, oklch(85.37% 0.0274 311.09) 2.5%, oklch(84.61% 0.0290 309.99) 3.8%, oklch(83.76% 0.0308 308.77) 5.1%, oklch(82.84% 0.0327 307.44) 6.3%, oklch(81.85% 0.0348 306.01) 7.6%, oklch(80.81% 0.0370 304.50) 8.9%, oklch(79.71% 0.0392 302.92) 10.1%, oklch(78.58% 0.0416 301.28) 11.4%, oklch(77.41% 0.0441 299.60) 12.7%, oklch(76.22% 0.0466 297.88) 13.9%, oklch(75.02% 0.0491 296.14) 15.2%, oklch(73.81% 0.0517 294.40) 16.5%, oklch(72.60% 0.0543 292.65) 17.7%, oklch(71.41% 0.0569 290.92) 19.0%, oklch(70.23% 0.0595 289.22) 20.3%, oklch(69.08% 0.0621 287.56) 21.5%, oklch(67.97% 0.0646 285.95) 22.8%, oklch(66.91% 0.0671 284.41) 24.1%, oklch(65.89% 0.0695 282.95) 25.3%, oklch(64.80% 0.0721 281.77) 26.6%, oklch(63.60% 0.0749 280.90) 27.8%, oklch(62.32% 0.0779 280.28) 29.1%, oklch(60.97% 0.0811 279.86) 30.4%, oklch(59.58% 0.0844 279.57) 31.6%, oklch(58.16% 0.0878 279.37) 32.9%, oklch(56.74% 0.0912 279.19) 34.2%, oklch(55.34% 0.0945 278.98) 35.4%, oklch(53.97% 0.0979 278.67) 36.7%, oklch(52.67% 0.1011 278.23) 38.0%, oklch(51.45% 0.1042 277.57) 39.2%, oklch(50.32% 0.1071 276.66) 40.5%, oklch(49.32% 0.1097 275.44) 41.8%, oklch(48.47% 0.1121 273.84) 43.0%, oklch(47.77% 0.1142 271.81) 44.3%, oklch(47.27% 0.1159 269.29) 45.6%, oklch(46.96% 0.1172 266.23) 46.8%, oklch(46.89% 0.1181 262.57) 48.1%, oklch(47.06% 0.1185 258.25) 49.4%, oklch(47.52% 0.1183 253.18) 50.6%, oklch(48.37% 0.1175 247.13) 51.9%, oklch(49.60% 0.1140 240.20) 53.2%, oklch(51.14% 0.1049 232.43) 54.4%, oklch(52.97% 0.0994 223.95) 55.7%, oklch(55.03% 0.0972 214.89) 57.0%, oklch(57.29% 0.0979 205.34) 58.2%, oklch(59.68% 0.1017 195.41) 59.5%, oklch(62.18% 0.0980 185.21) 60.8%, oklch(64.74% 0.0941 174.86) 62.0%, oklch(67.30% 0.0901 164.45) 63.3%, oklch(69.83% 0.0862 154.09) 64.6%, oklch(72.28% 0.0823 143.89) 65.8%, oklch(74.60% 0.0786 133.96) 67.1%, oklch(76.75% 0.0751 124.40) 68.4%, oklch(78.69% 0.0719 115.33) 69.6%, oklch(80.36% 0.0691 106.84) 70.9%, oklch(81.73% 0.0668 99.05) 72.2%, oklch(82.75% 0.0649 92.07) 73.4%, oklch(83.38% 0.0636 86.00) 74.7%, oklch(83.59% 0.0629 80.80) 75.9%, oklch(83.45% 0.0627 76.17) 77.2%, oklch(82.99% 0.0628 72.05) 78.5%, oklch(82.25% 0.0633 68.41) 79.7%, oklch(81.26% 0.0641 65.21) 81.0%, oklch(80.06% 0.0652 62.41) 82.3%, oklch(78.67% 0.0665 59.99) 83.5%, oklch(77.14% 0.0680 57.89) 84.8%, oklch(75.48% 0.0696 56.10) 86.1%, oklch(73.75% 0.0714 54.56) 87.3%, oklch(71.96% 0.0733 53.25) 88.6%, oklch(70.15% 0.0752 52.12) 89.9%, oklch(68.36% 0.0771 51.15) 91.1%, oklch(66.62% 0.0789 50.29) 92.4%, oklch(64.96% 0.0807 49.51) 93.7%, oklch(63.42% 0.0823 48.77) 94.9%, oklch(62.02% 0.0838 48.04) 96.2%, oklch(60.81% 0.0850 47.28) 97.5%, oklch(59.81% 0.0861 46.46) 98.7%, oklch(59.06% 0.0868 45.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.866 | 0.025 | 312.9 |
| 2 | 0.661 | 0.069 | 283.3 |
| 3 | 0.472 | 0.119 | 255.8 |
| 4 | 0.835 | 0.063 | 84.6 |
| 5 | 0.591 | 0.087 | 45.5 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)

## Other forms

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