# Pale seafoam shell glow

Mustard, off-white, tan and blue radial gradient with 48 colors: #caa737, #c7ad43, #c3b554, #bebe67, #bac87b, #b7d08f, #b7d8a2, #b9dfb3, #bee4c1, #c4e8cb, #c9ebd1, #cfedd6, #d5efda, #dbf1dc, #dff2de, #e4f3df, #e7f3e0, #e9f3e0, #eaf3e0, #eaf1de, #e8efdc, #e5ecd8, #e1e9d3, #dde5cd, #d8e1c6, #d2dcbf, #cdd8b8, #c8d3b1, #c3ceaa, #c0c9a2, #bec49a, #bdbe92, #bcb889, #bcb280, #baac78, #b7a570, #b29f68, #aa9a60, #9e9559, #8d9055, #758b55, #5a8559, #3d7d61, #217369, #0d686e, #0f5d70, #1a5370, #214c6d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Mustard, off-white, tan and blue radial gradient
- Seed: `kYvGBA8pNHPiJvNpkr9VZ09LMbUW`
- Page: https://grabient.com/kYvGBA8pNHPiJvNpkr9VZ09LMbUW?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: light center, pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 7.9 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 | `#caa737` | `oklch(74.02% 0.1323 90.70)` | Aru Ressha | black, 9 to 1 |
| 2 | `#c7ad43` | `oklch(75.11% 0.1269 95.06)` | Hollywood | black, 9.4 to 1 |
| 3 | `#c3b554` | `oklch(76.59% 0.1196 101.27)` | Tarpon Green | black, 10 to 1 |
| 4 | `#bebe67` | `oklch(78.37% 0.1108 108.77)` | Kelly’s Flower | black, 10.7 to 1 |
| 5 | `#bac87b` | `oklch(80.35% 0.1011 117.04)` | Floral Bouquet | black, 11.6 to 1 |
| 6 | `#b7d08f` | `oklch(82.42% 0.0909 125.54)` | Al Green | black, 12.4 to 1 |
| 7 | `#b7d8a2` | `oklch(84.49% 0.0806 133.73)` | Apple Cream | black, 13.3 to 1 |
| 8 | `#b9dfb3` | `oklch(86.45% 0.0709 141.07)` | Graceful Flower | black, 14.2 to 1 |
| 9 | `#bee4c1` | `oklch(88.22% 0.0621 147.02)` | Lime Sorbet | black, 15 to 1 |
| 10 | `#c4e8cb` | `oklch(89.68% 0.0548 151.04)` | Granny Apple | black, 15.7 to 1 |
| 11 | `#c9ebd1` | `oklch(90.81% 0.0491 152.72)` | Glacial Water Green | black, 16.2 to 1 |
| 12 | `#cfedd6` | `oklch(91.83% 0.0441 152.38)` | Jade Palace | black, 16.7 to 1 |
| 13 | `#d5efda` | `oklch(92.75% 0.0398 150.45)` | Garden Shed | black, 17.1 to 1 |
| 14 | `#dbf1dc` | `oklch(93.55% 0.0361 147.31)` | Tara | black, 17.5 to 1 |
| 15 | `#dff2de` | `oklch(94.21% 0.0330 143.37)` | Mischievous | black, 17.9 to 1 |
| 16 | `#e4f3df` | `oklch(94.71% 0.0305 139.01)` | Sea Cap | black, 18.1 to 1 |
| 17 | `#e7f3e0` | `oklch(95.04% 0.0286 134.63)` | Mossy White | black, 18.3 to 1 |
| 18 | `#e9f3e0` | `oklch(95.18% 0.0272 130.61)` | Herb Garden | black, 18.3 to 1 |
| 19 | `#eaf3e0` | `oklch(95.11% 0.0264 127.36)` | Herb Garden | black, 18.3 to 1 |
| 20 | `#eaf1de` | `oklch(94.80% 0.0262 125.25)` | Clarity | black, 18.1 to 1 |
| 21 | `#e8efdc` | `oklch(94.21% 0.0268 124.00)` | Diluted Lime | black, 17.8 to 1 |
| 22 | `#e5ecd8` | `oklch(93.34% 0.0284 123.27)` | Lime Meringue | black, 17.3 to 1 |
| 23 | `#e1e9d3` | `oklch(92.24% 0.0307 122.90)` | Mediterranean Green | black, 16.8 to 1 |
| 24 | `#dde5cd` | `oklch(90.95% 0.0335 122.76)` | Misty Hillside | black, 16.1 to 1 |
| 25 | `#d8e1c6` | `oklch(89.53% 0.0368 122.71)` | Airy Fields | black, 15.4 to 1 |
| 26 | `#d2dcbf` | `oklch(88.02% 0.0403 122.61)` | Balance | black, 14.7 to 1 |
| 27 | `#cdd8b8` | `oklch(86.45% 0.0438 122.32)` | Vintage Glass | black, 14 to 1 |
| 28 | `#c8d3b1` | `oklch(84.89% 0.0473 121.69)` | Hidden Hills | black, 13.3 to 1 |
| 29 | `#c3ceaa` | `oklch(83.37% 0.0504 120.58)` | Landscape | black, 12.7 to 1 |
| 30 | `#c0c9a2` | `oklch(81.91% 0.0534 118.39)` | Marjoram | black, 12.1 to 1 |
| 31 | `#bec49a` | `oklch(80.47% 0.0568 114.43)` | Green Mist | black, 11.5 to 1 |
| 32 | `#bdbe92` | `oklch(79.02% 0.0604 109.35)` | New Foliage | black, 10.9 to 1 |
| 33 | `#bcb889` | `oklch(77.54% 0.0641 103.85)` | Baby Bok Choy | black, 10.4 to 1 |
| 34 | `#bcb280` | `oklch(76.00% 0.0677 98.60)` | Ryegrass | black, 9.8 to 1 |
| 35 | `#baac78` | `oklch(74.36% 0.0712 94.28)` | Chicory Green | black, 9.2 to 1 |
| 36 | `#b7a570` | `oklch(72.61% 0.0743 91.58)` | Horn of Plenty | black, 8.6 to 1 |
| 37 | `#b29f68` | `oklch(70.72% 0.0770 91.18)` | Pesto di Noce | black, 8 to 1 |
| 38 | `#aa9a60` | `oklch(68.65% 0.0790 93.77)` | Kathmandu | black, 7.4 to 1 |
| 39 | `#9e9559` | `oklch(66.37% 0.0804 100.13)` | Terran Khaki | black, 6.8 to 1 |
| 40 | `#8d9055` | `oklch(63.64% 0.0809 111.24)` | Green Jalapeño | black, 6.2 to 1 |
| 41 | `#758b55` | `oklch(60.54% 0.0808 126.29)` | Moss Gardens | black, 5.5 to 1 |
| 42 | `#5a8559` | `oklch(57.20% 0.0802 144.12)` | Magic Sage | black, 4.9 to 1 |
| 43 | `#3d7d61` | `oklch(53.78% 0.0793 163.58)` | Liquid Green Stuff | white, 4.9 to 1 |
| 44 | `#217369` | `oklch(50.40% 0.0782 183.52)` | Advantageous | white, 5.6 to 1 |
| 45 | `#0d686e` | `oklch(47.21% 0.0770 202.78)` | Tahitian Treat | white, 6.5 to 1 |
| 46 | `#0f5d70` | `oklch(44.35% 0.0758 220.21)` | Deep Blue Sea | white, 7.4 to 1 |
| 47 | `#1a5370` | `oklch(41.95% 0.0749 234.67)` | Midnight Sonata | white, 8.3 to 1 |
| 48 | `#214c6d` | `oklch(40.16% 0.0744 244.99)` | Indigo Cloth | white, 9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #caa737 0.0%, #c7ad43 2.1%, #c3b554 4.3%, #bebe67 6.4%, #bac87b 8.5%, #b7d08f 10.6%, #b7d8a2 12.8%, #b9dfb3 14.9%, #bee4c1 17.0%, #c4e8cb 19.1%, #c9ebd1 21.3%, #cfedd6 23.4%, #d5efda 25.5%, #dbf1dc 27.7%, #dff2de 29.8%, #e4f3df 31.9%, #e7f3e0 34.0%, #e9f3e0 36.2%, #eaf3e0 38.3%, #eaf1de 40.4%, #e8efdc 42.6%, #e5ecd8 44.7%, #e1e9d3 46.8%, #dde5cd 48.9%, #d8e1c6 51.1%, #d2dcbf 53.2%, #cdd8b8 55.3%, #c8d3b1 57.4%, #c3ceaa 59.6%, #c0c9a2 61.7%, #bec49a 63.8%, #bdbe92 66.0%, #bcb889 68.1%, #bcb280 70.2%, #baac78 72.3%, #b7a570 74.5%, #b29f68 76.6%, #aa9a60 78.7%, #9e9559 80.9%, #8d9055 83.0%, #758b55 85.1%, #5a8559 87.2%, #3d7d61 89.4%, #217369 91.5%, #0d686e 93.6%, #0f5d70 95.7%, #1a5370 97.9%, #214c6d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.02% 0.1323 90.70) 0.0%, oklch(75.11% 0.1269 95.06) 2.1%, oklch(76.59% 0.1196 101.27) 4.3%, oklch(78.37% 0.1108 108.77) 6.4%, oklch(80.35% 0.1011 117.04) 8.5%, oklch(82.42% 0.0909 125.54) 10.6%, oklch(84.49% 0.0806 133.73) 12.8%, oklch(86.45% 0.0709 141.07) 14.9%, oklch(88.22% 0.0621 147.02) 17.0%, oklch(89.68% 0.0548 151.04) 19.1%, oklch(90.81% 0.0491 152.72) 21.3%, oklch(91.83% 0.0441 152.38) 23.4%, oklch(92.75% 0.0398 150.45) 25.5%, oklch(93.55% 0.0361 147.31) 27.7%, oklch(94.21% 0.0330 143.37) 29.8%, oklch(94.71% 0.0305 139.01) 31.9%, oklch(95.04% 0.0286 134.63) 34.0%, oklch(95.18% 0.0272 130.61) 36.2%, oklch(95.11% 0.0264 127.36) 38.3%, oklch(94.80% 0.0262 125.25) 40.4%, oklch(94.21% 0.0268 124.00) 42.6%, oklch(93.34% 0.0284 123.27) 44.7%, oklch(92.24% 0.0307 122.90) 46.8%, oklch(90.95% 0.0335 122.76) 48.9%, oklch(89.53% 0.0368 122.71) 51.1%, oklch(88.02% 0.0403 122.61) 53.2%, oklch(86.45% 0.0438 122.32) 55.3%, oklch(84.89% 0.0473 121.69) 57.4%, oklch(83.37% 0.0504 120.58) 59.6%, oklch(81.91% 0.0534 118.39) 61.7%, oklch(80.47% 0.0568 114.43) 63.8%, oklch(79.02% 0.0604 109.35) 66.0%, oklch(77.54% 0.0641 103.85) 68.1%, oklch(76.00% 0.0677 98.60) 70.2%, oklch(74.36% 0.0712 94.28) 72.3%, oklch(72.61% 0.0743 91.58) 74.5%, oklch(70.72% 0.0770 91.18) 76.6%, oklch(68.65% 0.0790 93.77) 78.7%, oklch(66.37% 0.0804 100.13) 80.9%, oklch(63.64% 0.0809 111.24) 83.0%, oklch(60.54% 0.0808 126.29) 85.1%, oklch(57.20% 0.0802 144.12) 87.2%, oklch(53.78% 0.0793 163.58) 89.4%, oklch(50.40% 0.0782 183.52) 91.5%, oklch(47.21% 0.0770 202.78) 93.6%, oklch(44.35% 0.0758 220.21) 95.7%, oklch(41.95% 0.0749 234.67) 97.9%, oklch(40.16% 0.0744 244.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.132 | 90.7 |
| 2 | 0.902 | 0.052 | 152 |
| 3 | 0.949 | 0.026 | 125.6 |
| 4 | 0.831 | 0.051 | 120.3 |
| 5 | 0.673 | 0.08 | 97 |
| 6 | 0.402 | 0.074 | 245 |

## In these collections

- [Coastal rockpool spring](https://grabient.com/coastal-rockpool-spring)

## Other forms

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