# Tidal sand seagrass glow

Gray, tan, green and navy radial gradient with 48 colors: #a0c49b, #a1c399, #a3c196, #a7c093, #aabe90, #aebc8d, #b2b98b, #b5b788, #b8b486, #b9b185, #baae83, #baab81, #b9a77f, #b6a47c, #b2a079, #ad9b74, #a5976f, #9c9268, #8f8c61, #80865b, #6e7f56, #5a7853, #446f52, #2d6752, #0f5d53, #005253, #004750, #003d4d, #00334a, #002b49, #00234a, #051e47, #091a44, #0a1842, #0b1842, #0b1942, #0a1c42, #091f44, #072245, #062647, #042b48, #042f4a, #04344b, #06384d, #083b4e, #0c3e4e, #0f414f, #11424f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, tan, green and navy radial gradient
- Seed: `kUxzJlVxU5p6eVEtFDrg`
- Page: https://grabient.com/kUxzJlVxU5p6eVEtFDrg?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 8.8 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 | `#a0c49b` | `oklch(78.35% 0.0689 142.03)` | Heartland Frosty | black, 10.8 to 1 |
| 2 | `#a1c399` | `oklch(78.06% 0.0684 139.71)` | Heartland Frosty | black, 10.7 to 1 |
| 3 | `#a3c196` | `oklch(77.81% 0.0678 136.25)` | Heartland Frosty | black, 10.6 to 1 |
| 4 | `#a7c093` | `oklch(77.59% 0.0669 131.88)` | Japanese Horseradish | black, 10.5 to 1 |
| 5 | `#aabe90` | `oklch(77.37% 0.0660 126.82)` | Chervil Leaves | black, 10.4 to 1 |
| 6 | `#aebc8d` | `oklch(77.13% 0.0650 121.27)` | Chervil Leaves | black, 10.3 to 1 |
| 7 | `#b2b98b` | `oklch(76.86% 0.0639 115.46)` | Secret Glade | black, 10.2 to 1 |
| 8 | `#b5b788` | `oklch(76.53% 0.0627 109.61)` | Lima Green | black, 10 to 1 |
| 9 | `#b8b486` | `oklch(76.13% 0.0617 103.92)` | Ryegrass | black, 9.8 to 1 |
| 10 | `#b9b185` | `oklch(75.64% 0.0606 98.62)` | Tomatillo Salsa | black, 9.7 to 1 |
| 11 | `#baae83` | `oklch(75.03% 0.0597 93.93)` | Tomatillo Salsa | black, 9.4 to 1 |
| 12 | `#baab81` | `oklch(74.29% 0.0589 90.05)` | Inner Cervela | black, 9.2 to 1 |
| 13 | `#b9a77f` | `oklch(73.39% 0.0582 87.21)` | Texas Sage | black, 8.9 to 1 |
| 14 | `#b6a47c` | `oklch(72.33% 0.0578 85.63)` | Sailor’s Knot | black, 8.5 to 1 |
| 15 | `#b2a079` | `oklch(71.07% 0.0576 85.52)` | Paper Sack | black, 8.1 to 1 |
| 16 | `#ad9b74` | `oklch(69.61% 0.0577 87.10)` | Toasted Sesame | black, 7.7 to 1 |
| 17 | `#a5976f` | `oklch(67.90% 0.0580 90.61)` | Sweet Sparrow | black, 7.2 to 1 |
| 18 | `#9c9268` | `oklch(65.77% 0.0589 96.55)` | Cactus Sand | black, 6.7 to 1 |
| 19 | `#8f8c61` | `oklch(63.22% 0.0601 104.73)` | Woodland Walk | black, 6.1 to 1 |
| 20 | `#80865b` | `oklch(60.33% 0.0617 114.83)` | Tuscany Hillside | black, 5.4 to 1 |
| 21 | `#6e7f56` | `oklch(57.16% 0.0636 126.48)` | Terrain | black, 4.8 to 1 |
| 22 | `#5a7853` | `oklch(53.79% 0.0657 139.36)` | Garden Club | white, 4.9 to 1 |
| 23 | `#446f52` | `oklch(50.28% 0.0679 153.12)` | Fairway | white, 5.7 to 1 |
| 24 | `#2d6752` | `oklch(46.72% 0.0702 167.42)` | Ore Mountains Green | white, 6.6 to 1 |
| 25 | `#0f5d53` | `oklch(43.16% 0.0724 181.91)` | Tidal Pool | white, 7.7 to 1 |
| 26 | `#005253` | `oklch(39.68% 0.0676 196.25)` | Wool Turquoise | white, 9 to 1 |
| 27 | `#004750` | `oklch(36.35% 0.0629 210.12)` | Midnight Green | white, 10.4 to 1 |
| 28 | `#003d4d` | `oklch(33.24% 0.0620 223.17)` | Duskwood | white, 11.9 to 1 |
| 29 | `#00334a` | `oklch(30.42% 0.0646 235.04)` | Cosmos Blue | white, 13.3 to 1 |
| 30 | `#002b49` | `oklch(27.96% 0.0710 245.38)` | Royal Blue Metallic | white, 14.5 to 1 |
| 31 | `#00234a` | `oklch(25.94% 0.0822 253.85)` | Oxford Blue | white, 15.6 to 1 |
| 32 | `#051e47` | `oklch(24.40% 0.0827 259.92)` | Oxford Blue | white, 16.4 to 1 |
| 33 | `#091a44` | `oklch(23.42% 0.0825 263.79)` | Maastricht Blue | white, 16.8 to 1 |
| 34 | `#0a1842` | `oklch(22.91% 0.0818 265.85)` | Navy | white, 17.1 to 1 |
| 35 | `#0b1842` | `oklch(22.82% 0.0807 266.31)` | Navy | white, 17.1 to 1 |
| 36 | `#0b1942` | `oklch(23.09% 0.0792 265.39)` | Maastricht Blue | white, 17 to 1 |
| 37 | `#0a1c42` | `oklch(23.67% 0.0775 263.29)` | Midnight Mirage | white, 16.7 to 1 |
| 38 | `#091f44` | `oklch(24.50% 0.0754 260.20)` | Oxford Blue | white, 16.3 to 1 |
| 39 | `#072245` | `oklch(25.54% 0.0732 256.32)` | Rhapsody in Blue | white, 15.8 to 1 |
| 40 | `#062647` | `oklch(26.73% 0.0708 251.86)` | Dark Eclipse | white, 15.2 to 1 |
| 41 | `#042b48` | `oklch(28.03% 0.0684 247.02)` | Royal Blue Metallic | white, 14.5 to 1 |
| 42 | `#042f4a` | `oklch(29.36% 0.0660 241.99)` | Crow Black Blue | white, 13.8 to 1 |
| 43 | `#04344b` | `oklch(30.70% 0.0637 236.98)` | Halite Blue | white, 13.1 to 1 |
| 44 | `#06384d` | `oklch(31.97% 0.0615 232.18)` | Sea of Stars | white, 12.5 to 1 |
| 45 | `#083b4e` | `oklch(33.13% 0.0594 227.80)` | Gibraltar Sea | white, 11.9 to 1 |
| 46 | `#0c3e4e` | `oklch(34.13% 0.0577 224.04)` | Duskwood | white, 11.5 to 1 |
| 47 | `#0f414f` | `oklch(34.92% 0.0562 221.10)` | Cold and Dark | white, 11.1 to 1 |
| 48 | `#11424f` | `oklch(35.43% 0.0551 219.17)` | Cold and Dark | white, 10.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a0c49b 0.0%, #a1c399 2.1%, #a3c196 4.3%, #a7c093 6.4%, #aabe90 8.5%, #aebc8d 10.6%, #b2b98b 12.8%, #b5b788 14.9%, #b8b486 17.0%, #b9b185 19.1%, #baae83 21.3%, #baab81 23.4%, #b9a77f 25.5%, #b6a47c 27.7%, #b2a079 29.8%, #ad9b74 31.9%, #a5976f 34.0%, #9c9268 36.2%, #8f8c61 38.3%, #80865b 40.4%, #6e7f56 42.6%, #5a7853 44.7%, #446f52 46.8%, #2d6752 48.9%, #0f5d53 51.1%, #005253 53.2%, #004750 55.3%, #003d4d 57.4%, #00334a 59.6%, #002b49 61.7%, #00234a 63.8%, #051e47 66.0%, #091a44 68.1%, #0a1842 70.2%, #0b1842 72.3%, #0b1942 74.5%, #0a1c42 76.6%, #091f44 78.7%, #072245 80.9%, #062647 83.0%, #042b48 85.1%, #042f4a 87.2%, #04344b 89.4%, #06384d 91.5%, #083b4e 93.6%, #0c3e4e 95.7%, #0f414f 97.9%, #11424f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.35% 0.0689 142.03) 0.0%, oklch(78.06% 0.0684 139.71) 2.1%, oklch(77.81% 0.0678 136.25) 4.3%, oklch(77.59% 0.0669 131.88) 6.4%, oklch(77.37% 0.0660 126.82) 8.5%, oklch(77.13% 0.0650 121.27) 10.6%, oklch(76.86% 0.0639 115.46) 12.8%, oklch(76.53% 0.0627 109.61) 14.9%, oklch(76.13% 0.0617 103.92) 17.0%, oklch(75.64% 0.0606 98.62) 19.1%, oklch(75.03% 0.0597 93.93) 21.3%, oklch(74.29% 0.0589 90.05) 23.4%, oklch(73.39% 0.0582 87.21) 25.5%, oklch(72.33% 0.0578 85.63) 27.7%, oklch(71.07% 0.0576 85.52) 29.8%, oklch(69.61% 0.0577 87.10) 31.9%, oklch(67.90% 0.0580 90.61) 34.0%, oklch(65.77% 0.0589 96.55) 36.2%, oklch(63.22% 0.0601 104.73) 38.3%, oklch(60.33% 0.0617 114.83) 40.4%, oklch(57.16% 0.0636 126.48) 42.6%, oklch(53.79% 0.0657 139.36) 44.7%, oklch(50.28% 0.0679 153.12) 46.8%, oklch(46.72% 0.0702 167.42) 48.9%, oklch(43.16% 0.0724 181.91) 51.1%, oklch(39.68% 0.0676 196.25) 53.2%, oklch(36.35% 0.0629 210.12) 55.3%, oklch(33.24% 0.0620 223.17) 57.4%, oklch(30.42% 0.0646 235.04) 59.6%, oklch(27.96% 0.0710 245.38) 61.7%, oklch(25.94% 0.0822 253.85) 63.8%, oklch(24.40% 0.0827 259.92) 66.0%, oklch(23.42% 0.0825 263.79) 68.1%, oklch(22.91% 0.0818 265.85) 70.2%, oklch(22.82% 0.0807 266.31) 72.3%, oklch(23.09% 0.0792 265.39) 74.5%, oklch(23.67% 0.0775 263.29) 76.6%, oklch(24.50% 0.0754 260.20) 78.7%, oklch(25.54% 0.0732 256.32) 80.9%, oklch(26.73% 0.0708 251.86) 83.0%, oklch(28.03% 0.0684 247.02) 85.1%, oklch(29.36% 0.0660 241.99) 87.2%, oklch(30.70% 0.0637 236.98) 89.4%, oklch(31.97% 0.0615 232.18) 91.5%, oklch(33.13% 0.0594 227.80) 93.6%, oklch(34.13% 0.0577 224.04) 95.7%, oklch(34.92% 0.0562 221.10) 97.9%, oklch(35.43% 0.0551 219.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.069 | 142 |
| 2 | 0.685 | 0.058 | 89.2 |
| 3 | 0.24 | 0.083 | 261.4 |
| 4 | 0.354 | 0.055 | 219.2 |

## In these collections

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

## Other forms

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