# Cool light blue, green and dark teal linear swatches

Cool light blue, green and dark teal linear swatches with 32 colors: #afdabf, #aad7bb, #a4d2b7, #9dcdb1, #96c8ab, #8dc2a5, #85bb9e, #7cb598, #73ae92, #6ba88c, #64a287, #5e9d83, #58987f, #53927b, #4e8d77, #498873, #458370, #417e6c, #3d7969, #397466, #366f63, #326a60, #2f655d, #2c605a, #2a5a57, #285554, #265050, #254c4d, #24474a, #234347, #234044, #223e42. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU2CtwU5xAz4WwarjMNA`
- Page: https://grabient.com/kU2CtwU5xAz4WwarjMNA?style=linearSwatches&steps=32
- Drawn as: linear swatches, 32 steps, 90 degrees
- Kinds: light to dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#afdabf` | `oklch(85.04% 0.0593 157.50)` | Shanghai Jade | black, 13.6 to 1 |
| 2 | `#aad7bb` | `oklch(83.92% 0.0604 157.89)` | Eerie Glow | black, 13.1 to 1 |
| 3 | `#a4d2b7` | `oklch(82.48% 0.0621 158.35)` | Glenwood Green | black, 12.5 to 1 |
| 4 | `#9dcdb1` | `oklch(80.78% 0.0641 158.89)` | Retro Mint | black, 11.8 to 1 |
| 5 | `#96c8ab` | `oklch(78.87% 0.0664 159.49)` | Peppermint Spray | black, 11.1 to 1 |
| 6 | `#8dc2a5` | `oklch(76.81% 0.0688 160.16)` | Spearmint Frosting | black, 10.3 to 1 |
| 7 | `#85bb9e` | `oklch(74.66% 0.0711 160.89)` | Grand Gusto | black, 9.6 to 1 |
| 8 | `#7cb598` | `oklch(72.48% 0.0732 161.70)` | Padua | black, 8.9 to 1 |
| 9 | `#73ae92` | `oklch(70.33% 0.0750 162.58)` | Melon Green | black, 8.2 to 1 |
| 10 | `#6ba88c` | `oklch(68.26% 0.0763 163.53)` | Artemesia Green | black, 7.6 to 1 |
| 11 | `#64a287` | `oklch(66.34% 0.0771 164.54)` | Sea Lettuce | black, 7 to 1 |
| 12 | `#5e9d83` | `oklch(64.58% 0.0771 165.62)` | Scotch Lassie | black, 6.6 to 1 |
| 13 | `#58987f` | `oklch(62.86% 0.0767 166.71)` | Crisp Lettuce | black, 6.1 to 1 |
| 14 | `#53927b` | `oklch(61.15% 0.0759 167.85)` | Puerto Princesa | black, 5.7 to 1 |
| 15 | `#4e8d77` | `oklch(59.47% 0.0747 169.04)` | Aegean Green | black, 5.4 to 1 |
| 16 | `#498873` | `oklch(57.81% 0.0733 170.31)` | Think Leaf | black, 5 to 1 |
| 17 | `#458370` | `oklch(56.17% 0.0715 171.66)` | Aussie Surf | black, 4.7 to 1 |
| 18 | `#417e6c` | `oklch(54.56% 0.0696 173.13)` | Shǔi Cǎo Lǜ Green | white, 4.7 to 1 |
| 19 | `#3d7969` | `oklch(52.96% 0.0676 174.72)` | Green Moray | white, 5.1 to 1 |
| 20 | `#397466` | `oklch(51.39% 0.0655 176.45)` | Nominee | white, 5.4 to 1 |
| 21 | `#366f63` | `oklch(49.84% 0.0634 178.34)` | Statue of Liberty | white, 5.8 to 1 |
| 22 | `#326a60` | `oklch(48.31% 0.0613 180.42)` | Seiheki Green | white, 6.2 to 1 |
| 23 | `#2f655d` | `oklch(46.72% 0.0589 182.91)` | Alliance | white, 6.6 to 1 |
| 24 | `#2c605a` | `oklch(45.08% 0.0561 185.77)` | Verdant Forest | white, 7.1 to 1 |
| 25 | `#2a5a57` | `oklch(43.43% 0.0531 188.88)` | Enchanting Ivy | white, 7.7 to 1 |
| 26 | `#285554` | `oklch(41.80% 0.0499 192.14)` | Hidden Depths | white, 8.3 to 1 |
| 27 | `#265050` | `oklch(40.22% 0.0468 195.43)` | Seagrass Green | white, 8.9 to 1 |
| 28 | `#254c4d` | `oklch(38.72% 0.0437 198.62)` | Hornblende Green | white, 9.5 to 1 |
| 29 | `#24474a` | `oklch(37.35% 0.0408 201.62)` | Mysterious Waters | white, 10 to 1 |
| 30 | `#234347` | `oklch(36.12% 0.0382 204.29)` | Emerald Forest | white, 10.6 to 1 |
| 31 | `#234044` | `oklch(35.08% 0.0361 206.53)` | Bay Isle Pointe | white, 11.1 to 1 |
| 32 | `#223e42` | `oklch(34.25% 0.0344 208.22)` | Sunken Harbour | white, 11.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #afdabf 0.000% 3.125%, #aad7bb 3.125% 6.250%, #a4d2b7 6.250% 9.375%, #9dcdb1 9.375% 12.500%, #96c8ab 12.500% 15.625%, #8dc2a5 15.625% 18.750%, #85bb9e 18.750% 21.875%, #7cb598 21.875% 25.000%, #73ae92 25.000% 28.125%, #6ba88c 28.125% 31.250%, #64a287 31.250% 34.375%, #5e9d83 34.375% 37.500%, #58987f 37.500% 40.625%, #53927b 40.625% 43.750%, #4e8d77 43.750% 46.875%, #498873 46.875% 50.000%, #458370 50.000% 53.125%, #417e6c 53.125% 56.250%, #3d7969 56.250% 59.375%, #397466 59.375% 62.500%, #366f63 62.500% 65.625%, #326a60 65.625% 68.750%, #2f655d 68.750% 71.875%, #2c605a 71.875% 75.000%, #2a5a57 75.000% 78.125%, #285554 78.125% 81.250%, #265050 81.250% 84.375%, #254c4d 84.375% 87.500%, #24474a 87.500% 90.625%, #234347 90.625% 93.750%, #234044 93.750% 96.875%, #223e42 96.875% 100.000%);
background: linear-gradient(90deg, oklch(85.04% 0.0593 157.50) 0.000% 3.125%, oklch(83.92% 0.0604 157.89) 3.125% 6.250%, oklch(82.48% 0.0621 158.35) 6.250% 9.375%, oklch(80.78% 0.0641 158.89) 9.375% 12.500%, oklch(78.87% 0.0664 159.49) 12.500% 15.625%, oklch(76.81% 0.0688 160.16) 15.625% 18.750%, oklch(74.66% 0.0711 160.89) 18.750% 21.875%, oklch(72.48% 0.0732 161.70) 21.875% 25.000%, oklch(70.33% 0.0750 162.58) 25.000% 28.125%, oklch(68.26% 0.0763 163.53) 28.125% 31.250%, oklch(66.34% 0.0771 164.54) 31.250% 34.375%, oklch(64.58% 0.0771 165.62) 34.375% 37.500%, oklch(62.86% 0.0767 166.71) 37.500% 40.625%, oklch(61.15% 0.0759 167.85) 40.625% 43.750%, oklch(59.47% 0.0747 169.04) 43.750% 46.875%, oklch(57.81% 0.0733 170.31) 46.875% 50.000%, oklch(56.17% 0.0715 171.66) 50.000% 53.125%, oklch(54.56% 0.0696 173.13) 53.125% 56.250%, oklch(52.96% 0.0676 174.72) 56.250% 59.375%, oklch(51.39% 0.0655 176.45) 59.375% 62.500%, oklch(49.84% 0.0634 178.34) 62.500% 65.625%, oklch(48.31% 0.0613 180.42) 65.625% 68.750%, oklch(46.72% 0.0589 182.91) 68.750% 71.875%, oklch(45.08% 0.0561 185.77) 71.875% 75.000%, oklch(43.43% 0.0531 188.88) 75.000% 78.125%, oklch(41.80% 0.0499 192.14) 78.125% 81.250%, oklch(40.22% 0.0468 195.43) 81.250% 84.375%, oklch(38.72% 0.0437 198.62) 84.375% 87.500%, oklch(37.35% 0.0408 201.62) 87.500% 90.625%, oklch(36.12% 0.0382 204.29) 90.625% 93.750%, oklch(35.08% 0.0361 206.53) 93.750% 96.875%, oklch(34.25% 0.0344 208.22) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.85 | 0.059 | 157.5 |
| 2 | 0.657 | 0.077 | 164.9 |
| 3 | 0.488 | 0.062 | 179.7 |
| 4 | 0.343 | 0.034 | 208.2 |

## In these collections

- [Winter swatches](https://grabient.com/winter-swatches)
- [Mint color palette](https://grabient.com/mint-color-palette)
- [Cool swatches](https://grabient.com/cool-swatches)
- [Between tides](https://grabient.com/between-tides)

## Other forms

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