# Sand teal shoreline beam

Cyan, beige, blue and teal linear gradient with 64 colors: #47e1ff, #49e3f8, #4ee5f0, #58e7e5, #66e8d9, #78e8cc, #8ae8c0, #9de7b4, #afe5ab, #c0e3a5, #cee0a1, #dadea1, #e3dca3, #ebdba6, #f0daab, #f4daaf, #f6dab3, #f8dbb7, #faddbb, #fddfbf, #ffe2c3, #ffe6cb, #ffe9d2, #ffedd8, #fff0dd, #fff2e1, #fff4e4, #fff5e4, #fff4e0, #fff3d8, #fdf1cf, #f7efcc, #efeac6, #e4e4bf, #d6dcb7, #c5d2ae, #b2c7a5, #9ebb9c, #89af94, #74a28c, #609486, #4d8780, #3b7b7a, #2b6f75, #1e6571, #125c6d, #07556a, #005069, #004f68, #004f69, #00526b, #00566e, #005c72, #006376, #006c7b, #007580, #007f84, #008988, #00948b, #009d8d, #1ba68e, #2dad8e, #3ab28e, #42b68d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Cyan, beige, blue and teal linear gradient
- Seed: `kW1l-YcpYv3eRQmzHM82Sw4o`
- Page: https://grabient.com/kW1l-YcpYv3eRQmzHM82Sw4o?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center, pastel, light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.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 | `#47e1ff` | `oklch(84.25% 0.1309 213.75)` | Splashing Wave | black, 13.4 to 1 |
| 2 | `#49e3f8` | `oklch(84.47% 0.1283 208.59)` | Shimmering Expanse Cyan | black, 13.6 to 1 |
| 3 | `#4ee5f0` | `oklch(84.73% 0.1250 201.93)` | Shimmering Expanse Cyan | black, 13.7 to 1 |
| 4 | `#58e7e5` | `oklch(85.04% 0.1211 193.98)` | Near Moon | black, 13.9 to 1 |
| 5 | `#66e8d9` | `oklch(85.38% 0.1167 184.97)` | Turquoise Chalk | black, 14 to 1 |
| 6 | `#78e8cc` | `oklch(85.76% 0.1118 175.14)` | Turquoise Chalk | black, 14.2 to 1 |
| 7 | `#8ae8c0` | `oklch(86.16% 0.1067 164.70)` | Bubble Algae | black, 14.3 to 1 |
| 8 | `#9de7b4` | `oklch(86.58% 0.1014 153.87)` | Teal Deer | black, 14.5 to 1 |
| 9 | `#afe5ab` | `oklch(87.01% 0.0959 142.90)` | Appetite | black, 14.6 to 1 |
| 10 | `#c0e3a5` | `oklch(87.45% 0.0905 131.99)` | Cactus Spike | black, 14.7 to 1 |
| 11 | `#cee0a1` | `oklch(87.90% 0.0851 121.38)` | Lettuce Alone | black, 14.8 to 1 |
| 12 | `#dadea1` | `oklch(88.33% 0.0799 111.29)` | Young Wheat | black, 14.9 to 1 |
| 13 | `#e3dca3` | `oklch(88.76% 0.0750 101.95)` | Bamboo Mat | black, 15 to 1 |
| 14 | `#ebdba6` | `oklch(89.17% 0.0704 93.58)` | Studio Cream | black, 15.2 to 1 |
| 15 | `#f0daab` | `oklch(89.56% 0.0663 86.41)` | Shortcake | black, 15.3 to 1 |
| 16 | `#f4daaf` | `oklch(89.91% 0.0628 80.67)` | Clam Chowder | black, 15.4 to 1 |
| 17 | `#f6dab3` | `oklch(90.24% 0.0600 76.54)` | Lion’s Roar | black, 15.6 to 1 |
| 18 | `#f8dbb7` | `oklch(90.70% 0.0575 73.50)` | Hinoki | black, 15.8 to 1 |
| 19 | `#faddbb` | `oklch(91.33% 0.0553 71.24)` | Mystic Opal | black, 16.1 to 1 |
| 20 | `#fddfbf` | `oklch(92.08% 0.0533 69.74)` | Odious Orange | black, 16.5 to 1 |
| 21 | `#ffe2c3` | `oklch(92.90% 0.0516 68.94)` | Fall Straw | black, 16.9 to 1 |
| 22 | `#ffe6cb` | `oklch(93.76% 0.0451 68.83)` | Kansas Grain | black, 17.3 to 1 |
| 23 | `#ffe9d2` | `oklch(94.61% 0.0391 69.35)` | Pale Egg | black, 17.8 to 1 |
| 24 | `#ffedd8` | `oklch(95.41% 0.0338 70.46)` | Sand Crystal | black, 18.3 to 1 |
| 25 | `#fff0dd` | `oklch(96.12% 0.0294 72.13)` | Candy Floss Cupcake | black, 18.7 to 1 |
| 26 | `#fff2e1` | `oklch(96.69% 0.0262 74.32)` | Historic Cream | black, 19 to 1 |
| 27 | `#fff4e4` | `oklch(97.08% 0.0245 76.99)` | Silky Tofu | black, 19.2 to 1 |
| 28 | `#fff5e4` | `oklch(97.24% 0.0250 80.10)` | Silky Tofu | black, 19.3 to 1 |
| 29 | `#fff4e0` | `oklch(97.15% 0.0287 83.62)` | Creamy Cloud Dreams | black, 19.3 to 1 |
| 30 | `#fff3d8` | `oklch(96.74% 0.0375 87.50)` | Coffee Cream | black, 19.1 to 1 |
| 31 | `#fdf1cf` | `oklch(95.98% 0.0462 91.70)` | Summer Bliss | black, 18.7 to 1 |
| 32 | `#f7efcc` | `oklch(94.83% 0.0466 96.21)` | Daybreak Sun | black, 18.1 to 1 |
| 33 | `#efeac6` | `oklch(93.20% 0.0472 101.15)` | Natural Light | black, 17.2 to 1 |
| 34 | `#e4e4bf` | `oklch(90.87% 0.0481 107.42)` | Spring Fever | black, 16.1 to 1 |
| 35 | `#d6dcb7` | `oklch(87.90% 0.0492 114.99)` | Clean Air | black, 14.7 to 1 |
| 36 | `#c5d2ae` | `oklch(84.39% 0.0506 123.62)` | Hidden Hills | black, 13.1 to 1 |
| 37 | `#b2c7a5` | `oklch(80.46% 0.0523 133.09)` | Freshwater Green | black, 11.6 to 1 |
| 38 | `#9ebb9c` | `oklch(76.21% 0.0541 143.16)` | Quiet Green | black, 10 to 1 |
| 39 | `#89af94` | `oklch(71.76% 0.0561 153.61)` | Covent Garden | black, 8.5 to 1 |
| 40 | `#74a28c` | `oklch(67.21% 0.0583 164.21)` | Quilotoa Green | black, 7.2 to 1 |
| 41 | `#609486` | `oklch(62.67% 0.0606 174.73)` | Fiddler | black, 6.1 to 1 |
| 42 | `#4d8780` | `oklch(58.26% 0.0630 184.94)` | Jericho Jade | black, 5.1 to 1 |
| 43 | `#3b7b7a` | `oklch(54.07% 0.0655 194.61)` | Faded Jade | white, 4.8 to 1 |
| 44 | `#2b6f75` | `oklch(50.22% 0.0680 203.52)` | Blue Hosta | white, 5.7 to 1 |
| 45 | `#1e6571` | `oklch(46.82% 0.0705 211.42)` | Bold Bolection | white, 6.6 to 1 |
| 46 | `#125c6d` | `oklch(43.97% 0.0730 218.11)` | Connor’s Lakefront | white, 7.5 to 1 |
| 47 | `#07556a` | `oklch(41.79% 0.0755 223.34)` | Plunge | white, 8.3 to 1 |
| 48 | `#005069` | `oklch(40.38% 0.0779 226.92)` | Hanada Blue | white, 8.8 to 1 |
| 49 | `#004f68` | `oklch(39.81% 0.0782 228.66)` | Hanada Blue | white, 9.1 to 1 |
| 50 | `#004f69` | `oklch(39.97% 0.0786 228.74)` | Hanada Blue | white, 9 to 1 |
| 51 | `#00526b` | `oklch(40.78% 0.0790 227.37)` | Blue Palisade | white, 8.7 to 1 |
| 52 | `#00566e` | `oklch(42.14% 0.0797 224.75)` | Submersible | white, 8.2 to 1 |
| 53 | `#005c72` | `oklch(43.97% 0.0807 221.08)` | Octagon Ocean | white, 7.5 to 1 |
| 54 | `#006376` | `oklch(46.18% 0.0823 216.54)` | Atlantis Myth | white, 6.8 to 1 |
| 55 | `#006c7b` | `oklch(48.69% 0.0846 211.33)` | Shinbashi Azure | white, 6.1 to 1 |
| 56 | `#007580` | `oklch(51.40% 0.0879 205.64)` | Night Scape | white, 5.4 to 1 |
| 57 | `#007f84` | `oklch(54.23% 0.0922 199.67)` | Go Alpha | white, 4.7 to 1 |
| 58 | `#008988` | `oklch(57.10% 0.0977 193.62)` | Green Moblin | black, 4.9 to 1 |
| 59 | `#00948b` | `oklch(59.91% 0.1043 187.66)` | Torrid Turquoise | black, 5.5 to 1 |
| 60 | `#009d8d` | `oklch(62.58% 0.1121 182.00)` | Flamboyant Teal | black, 6.2 to 1 |
| 61 | `#1ba68e` | `oklch(65.02% 0.1156 176.84)` | Fishy House | black, 6.8 to 1 |
| 62 | `#2dad8e` | `oklch(67.14% 0.1178 172.35)` | Wells of Wonder | black, 7.4 to 1 |
| 63 | `#3ab28e` | `oklch(68.85% 0.1197 168.74)` | Walk in the Woods | black, 7.9 to 1 |
| 64 | `#42b68d` | `oklch(70.08% 0.1213 166.20)` | Mint | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #47e1ff 0.0%, #49e3f8 1.6%, #4ee5f0 3.2%, #58e7e5 4.8%, #66e8d9 6.3%, #78e8cc 7.9%, #8ae8c0 9.5%, #9de7b4 11.1%, #afe5ab 12.7%, #c0e3a5 14.3%, #cee0a1 15.9%, #dadea1 17.5%, #e3dca3 19.0%, #ebdba6 20.6%, #f0daab 22.2%, #f4daaf 23.8%, #f6dab3 25.4%, #f8dbb7 27.0%, #faddbb 28.6%, #fddfbf 30.2%, #ffe2c3 31.7%, #ffe6cb 33.3%, #ffe9d2 34.9%, #ffedd8 36.5%, #fff0dd 38.1%, #fff2e1 39.7%, #fff4e4 41.3%, #fff5e4 42.9%, #fff4e0 44.4%, #fff3d8 46.0%, #fdf1cf 47.6%, #f7efcc 49.2%, #efeac6 50.8%, #e4e4bf 52.4%, #d6dcb7 54.0%, #c5d2ae 55.6%, #b2c7a5 57.1%, #9ebb9c 58.7%, #89af94 60.3%, #74a28c 61.9%, #609486 63.5%, #4d8780 65.1%, #3b7b7a 66.7%, #2b6f75 68.3%, #1e6571 69.8%, #125c6d 71.4%, #07556a 73.0%, #005069 74.6%, #004f68 76.2%, #004f69 77.8%, #00526b 79.4%, #00566e 81.0%, #005c72 82.5%, #006376 84.1%, #006c7b 85.7%, #007580 87.3%, #007f84 88.9%, #008988 90.5%, #00948b 92.1%, #009d8d 93.7%, #1ba68e 95.2%, #2dad8e 96.8%, #3ab28e 98.4%, #42b68d 100.0%);
background: linear-gradient(135deg in oklch, oklch(84.25% 0.1309 213.75) 0.0%, oklch(84.47% 0.1283 208.59) 1.6%, oklch(84.73% 0.1250 201.93) 3.2%, oklch(85.04% 0.1211 193.98) 4.8%, oklch(85.38% 0.1167 184.97) 6.3%, oklch(85.76% 0.1118 175.14) 7.9%, oklch(86.16% 0.1067 164.70) 9.5%, oklch(86.58% 0.1014 153.87) 11.1%, oklch(87.01% 0.0959 142.90) 12.7%, oklch(87.45% 0.0905 131.99) 14.3%, oklch(87.90% 0.0851 121.38) 15.9%, oklch(88.33% 0.0799 111.29) 17.5%, oklch(88.76% 0.0750 101.95) 19.0%, oklch(89.17% 0.0704 93.58) 20.6%, oklch(89.56% 0.0663 86.41) 22.2%, oklch(89.91% 0.0628 80.67) 23.8%, oklch(90.24% 0.0600 76.54) 25.4%, oklch(90.70% 0.0575 73.50) 27.0%, oklch(91.33% 0.0553 71.24) 28.6%, oklch(92.08% 0.0533 69.74) 30.2%, oklch(92.90% 0.0516 68.94) 31.7%, oklch(93.76% 0.0451 68.83) 33.3%, oklch(94.61% 0.0391 69.35) 34.9%, oklch(95.41% 0.0338 70.46) 36.5%, oklch(96.12% 0.0294 72.13) 38.1%, oklch(96.69% 0.0262 74.32) 39.7%, oklch(97.08% 0.0245 76.99) 41.3%, oklch(97.24% 0.0250 80.10) 42.9%, oklch(97.15% 0.0287 83.62) 44.4%, oklch(96.74% 0.0375 87.50) 46.0%, oklch(95.98% 0.0462 91.70) 47.6%, oklch(94.83% 0.0466 96.21) 49.2%, oklch(93.20% 0.0472 101.15) 50.8%, oklch(90.87% 0.0481 107.42) 52.4%, oklch(87.90% 0.0492 114.99) 54.0%, oklch(84.39% 0.0506 123.62) 55.6%, oklch(80.46% 0.0523 133.09) 57.1%, oklch(76.21% 0.0541 143.16) 58.7%, oklch(71.76% 0.0561 153.61) 60.3%, oklch(67.21% 0.0583 164.21) 61.9%, oklch(62.67% 0.0606 174.73) 63.5%, oklch(58.26% 0.0630 184.94) 65.1%, oklch(54.07% 0.0655 194.61) 66.7%, oklch(50.22% 0.0680 203.52) 68.3%, oklch(46.82% 0.0705 211.42) 69.8%, oklch(43.97% 0.0730 218.11) 71.4%, oklch(41.79% 0.0755 223.34) 73.0%, oklch(40.38% 0.0779 226.92) 74.6%, oklch(39.81% 0.0782 228.66) 76.2%, oklch(39.97% 0.0786 228.74) 77.8%, oklch(40.78% 0.0790 227.37) 79.4%, oklch(42.14% 0.0797 224.75) 81.0%, oklch(43.97% 0.0807 221.08) 82.5%, oklch(46.18% 0.0823 216.54) 84.1%, oklch(48.69% 0.0846 211.33) 85.7%, oklch(51.40% 0.0879 205.64) 87.3%, oklch(54.23% 0.0922 199.67) 88.9%, oklch(57.10% 0.0977 193.62) 90.5%, oklch(59.91% 0.1043 187.66) 92.1%, oklch(62.58% 0.1121 182.00) 93.7%, oklch(65.02% 0.1156 176.84) 95.2%, oklch(67.14% 0.1178 172.35) 96.8%, oklch(68.85% 0.1197 168.74) 98.4%, oklch(70.08% 0.1213 166.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.843 | 0.131 | 213.8 |
| 2 | 0.902 | 0.061 | 77.4 |
| 3 | 0.941 | 0.047 | 98.6 |
| 4 | 0.402 | 0.079 | 227.5 |
| 5 | 0.701 | 0.121 | 166.2 |

## In these collections

- [Beach gradients](https://grabient.com/beach-gradients)

## Other forms

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