# Analogous light blue and dark green linear swatches

Analogous light blue and dark green linear swatches with 32 colors: #d8f2e3, #d1efde, #c9ebd8, #bee7d0, #b3e3c7, #a7debe, #9bd9b6, #90d5ad, #83d1a4, #75cd9b, #68c991, #5ac488, #4dbf80, #42ba79, #37b573, #2eb06f, #25aa6b, #1ca567, #139f64, #089960, #01935c, #008d57, #008753, #01814f, #017a4c, #007449, #006c46, #006443, #005c3f, #01543c, #044e39, #064937. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY7hhy6Z4_tszv5Ns0AvynAC4ZwQ`
- Page: https://grabient.com/kY7hhy6Z4_tszv5Ns0AvynAC4ZwQ?style=linearSwatches&steps=32&angle=135
- Drawn as: linear swatches, 32 steps, 135 degrees
- Kinds: light to dark, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.7 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 | `#d8f2e3` | `oklch(93.70% 0.0331 161.02)` | Teal Treat | black, 17.6 to 1 |
| 2 | `#d1efde` | `oklch(92.60% 0.0382 160.81)` | Light Martian Moon | black, 17.1 to 1 |
| 3 | `#c9ebd8` | `oklch(91.09% 0.0451 160.53)` | Glacial Water Green | black, 16.3 to 1 |
| 4 | `#bee7d0` | `oklch(89.29% 0.0533 160.19)` | Woolly Mint | black, 15.5 to 1 |
| 5 | `#b3e3c7` | `oklch(87.33% 0.0623 159.82)` | Coastal Foam | black, 14.6 to 1 |
| 6 | `#a7debe` | `oklch(85.34% 0.0717 159.41)` | Mountain Mint | black, 13.8 to 1 |
| 7 | `#9bd9b6` | `oklch(83.43% 0.0809 158.99)` | Birthday King | black, 13 to 1 |
| 8 | `#90d5ad` | `oklch(81.63% 0.0903 158.51)` | Peaceful Pastures | black, 12.3 to 1 |
| 9 | `#83d1a4` | `oklch(79.79% 0.1010 157.90)` | Pharaoh’s Jade | black, 11.6 to 1 |
| 10 | `#75cd9b` | `oklch(77.92% 0.1122 157.25)` | Jocose Jade | black, 10.9 to 1 |
| 11 | `#68c991` | `oklch(76.05% 0.1230 156.62)` | Green Gala | black, 10.3 to 1 |
| 12 | `#5ac488` | `oklch(74.19% 0.1325 156.11)` | Enamelled Dragon | black, 9.6 to 1 |
| 13 | `#4dbf80` | `oklch(72.37% 0.1398 155.79)` | Heart Chakra | black, 9.1 to 1 |
| 14 | `#42ba79` | `oklch(70.60% 0.1443 155.73)` | Ceramic Green | black, 8.5 to 1 |
| 15 | `#37b573` | `oklch(68.87% 0.1465 155.93)` | Buddha Green | black, 8 to 1 |
| 16 | `#2eb06f` | `oklch(67.18% 0.1469 156.30)` | Jade Powder | black, 7.5 to 1 |
| 17 | `#25aa6b` | `oklch(65.50% 0.1460 156.76)` | Secret Garden | black, 7 to 1 |
| 18 | `#1ca567` | `oklch(63.80% 0.1442 157.24)` | Jungle | black, 6.6 to 1 |
| 19 | `#139f64` | `oklch(62.08% 0.1419 157.66)` | Shamrock | black, 6.1 to 1 |
| 20 | `#089960` | `oklch(60.31% 0.1396 157.93)` | Green Cyan | black, 5.7 to 1 |
| 21 | `#01935c` | `oklch(58.54% 0.1367 157.99)` | Green Gloss | black, 5.3 to 1 |
| 22 | `#008d57` | `oklch(56.75% 0.1329 157.93)` | Center Field | black, 4.9 to 1 |
| 23 | `#008753` | `oklch(54.94% 0.1288 157.90)` | Pixel Nature | black, 4.5 to 1 |
| 24 | `#01814f` | `oklch(53.09% 0.1240 158.01)` | Picture Book Green | white, 4.9 to 1 |
| 25 | `#017a4c` | `oklch(51.18% 0.1188 158.36)` | Woodland Soul | white, 5.3 to 1 |
| 26 | `#007449` | `oklch(49.20% 0.1130 159.07)` | Gnarls Green | white, 5.8 to 1 |
| 27 | `#006c46` | `oklch(46.94% 0.1056 160.33)` | Vegan Green | white, 6.4 to 1 |
| 28 | `#006443` | `oklch(44.46% 0.0975 162.02)` | Aotake Bamboo | white, 7.2 to 1 |
| 29 | `#005c3f` | `oklch(41.96% 0.0896 163.89)` | Spruce | white, 8 to 1 |
| 30 | `#01543c` | `oklch(39.62% 0.0819 165.75)` | Sacramento State Green | white, 8.9 to 1 |
| 31 | `#044e39` | `oklch(37.64% 0.0751 167.33)` | Chrysocolla Dark Green | white, 9.7 to 1 |
| 32 | `#064937` | `oklch(36.22% 0.0703 168.41)` | Sherwood Green | white, 10.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d8f2e3 0.000% 3.125%, #d1efde 3.125% 6.250%, #c9ebd8 6.250% 9.375%, #bee7d0 9.375% 12.500%, #b3e3c7 12.500% 15.625%, #a7debe 15.625% 18.750%, #9bd9b6 18.750% 21.875%, #90d5ad 21.875% 25.000%, #83d1a4 25.000% 28.125%, #75cd9b 28.125% 31.250%, #68c991 31.250% 34.375%, #5ac488 34.375% 37.500%, #4dbf80 37.500% 40.625%, #42ba79 40.625% 43.750%, #37b573 43.750% 46.875%, #2eb06f 46.875% 50.000%, #25aa6b 50.000% 53.125%, #1ca567 53.125% 56.250%, #139f64 56.250% 59.375%, #089960 59.375% 62.500%, #01935c 62.500% 65.625%, #008d57 65.625% 68.750%, #008753 68.750% 71.875%, #01814f 71.875% 75.000%, #017a4c 75.000% 78.125%, #007449 78.125% 81.250%, #006c46 81.250% 84.375%, #006443 84.375% 87.500%, #005c3f 87.500% 90.625%, #01543c 90.625% 93.750%, #044e39 93.750% 96.875%, #064937 96.875% 100.000%);
background: linear-gradient(135deg, oklch(93.70% 0.0331 161.02) 0.000% 3.125%, oklch(92.60% 0.0382 160.81) 3.125% 6.250%, oklch(91.09% 0.0451 160.53) 6.250% 9.375%, oklch(89.29% 0.0533 160.19) 9.375% 12.500%, oklch(87.33% 0.0623 159.82) 12.500% 15.625%, oklch(85.34% 0.0717 159.41) 15.625% 18.750%, oklch(83.43% 0.0809 158.99) 18.750% 21.875%, oklch(81.63% 0.0903 158.51) 21.875% 25.000%, oklch(79.79% 0.1010 157.90) 25.000% 28.125%, oklch(77.92% 0.1122 157.25) 28.125% 31.250%, oklch(76.05% 0.1230 156.62) 31.250% 34.375%, oklch(74.19% 0.1325 156.11) 34.375% 37.500%, oklch(72.37% 0.1398 155.79) 37.500% 40.625%, oklch(70.60% 0.1443 155.73) 40.625% 43.750%, oklch(68.87% 0.1465 155.93) 43.750% 46.875%, oklch(67.18% 0.1469 156.30) 46.875% 50.000%, oklch(65.50% 0.1460 156.76) 50.000% 53.125%, oklch(63.80% 0.1442 157.24) 53.125% 56.250%, oklch(62.08% 0.1419 157.66) 56.250% 59.375%, oklch(60.31% 0.1396 157.93) 59.375% 62.500%, oklch(58.54% 0.1367 157.99) 62.500% 65.625%, oklch(56.75% 0.1329 157.93) 65.625% 68.750%, oklch(54.94% 0.1288 157.90) 68.750% 71.875%, oklch(53.09% 0.1240 158.01) 71.875% 75.000%, oklch(51.18% 0.1188 158.36) 75.000% 78.125%, oklch(49.20% 0.1130 159.07) 78.125% 81.250%, oklch(46.94% 0.1056 160.33) 81.250% 84.375%, oklch(44.46% 0.0975 162.02) 84.375% 87.500%, oklch(41.96% 0.0896 163.89) 87.500% 90.625%, oklch(39.62% 0.0819 165.75) 90.625% 93.750%, oklch(37.64% 0.0751 167.33) 93.750% 96.875%, oklch(36.22% 0.0703 168.41) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.033 | 161 |
| 2 | 0.831 | 0.083 | 158.9 |
| 3 | 0.717 | 0.142 | 155.7 |
| 4 | 0.61 | 0.141 | 157.8 |
| 5 | 0.496 | 0.114 | 158.9 |
| 6 | 0.362 | 0.07 | 168.4 |

## In these collections

- [Emerald color palette](https://grabient.com/emerald-color-palette)

## Other forms

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