# Powder blue and moss green

Powder blue and cool slate blue move through muted teal into moss, olive green, and deep forest green. Thirty-two narrow swatch bands trace a pale-to-dark sequence with soft blue highlights and earthy green grounding. The restrained colors suit botanical packaging, nature journals, landscape illustrations, and calm editorial layouts.

- Also called: Muted light blue and dark green linear swatches
- Seed: `kW4xekYJI_M2Wtc6l0EqoxDA`
- Page: https://grabient.com/kW4xekYJI_M2Wtc6l0EqoxDA?style=linearSwatches&steps=32&angle=60
- Drawn as: linear swatches, 32 steps, 60 degrees
- Kinds: light to dark, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 8.6 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 | `#c8e0ed` | `oklch(89.37% 0.0317 230.62)` | Pale Frost | black, 15.3 to 1 |
| 2 | `#c3ddeb` | `oklch(88.31% 0.0332 230.69)` | Purification | black, 14.8 to 1 |
| 3 | `#bed9e7` | `oklch(86.91% 0.0352 231.40)` | Breezy Touch | black, 14.2 to 1 |
| 4 | `#b7d3e3` | `oklch(85.23% 0.0376 232.27)` | Tiny Mr Frosty | black, 13.4 to 1 |
| 5 | `#b0cedf` | `oklch(83.37% 0.0402 232.84)` | Light Sky Bus | black, 12.6 to 1 |
| 6 | `#a7c8da` | `oklch(81.39% 0.0429 232.64)` | Sonata | black, 11.8 to 1 |
| 7 | `#9fc2d4` | `oklch(79.38% 0.0456 231.20)` | Angel Sol | black, 11.1 to 1 |
| 8 | `#96bcce` | `oklch(77.40% 0.0480 228.05)` | Reef Blue | black, 10.3 to 1 |
| 9 | `#8db7c7` | `oklch(75.53% 0.0501 222.67)` | Pond Blue | black, 9.7 to 1 |
| 10 | `#84b3be` | `oklch(73.66% 0.0520 213.93)` | Thistleblossom Soft Blue | black, 9.1 to 1 |
| 11 | `#7baeb2` | `oklch(71.76% 0.0539 202.35)` | Venice Escape | black, 8.5 to 1 |
| 12 | `#75a9a5` | `oklch(69.82% 0.0558 189.08)` | Solution | black, 8 to 1 |
| 13 | `#72a496` | `oklch(67.87% 0.0575 175.25)` | Harmony in Green | black, 7.4 to 1 |
| 14 | `#719e87` | `oklch(65.91% 0.0590 161.98)` | Peahen | black, 6.9 to 1 |
| 15 | `#729779` | `oklch(63.94% 0.0604 150.40)` | Club Moss | black, 6.3 to 1 |
| 16 | `#71906d` | `oklch(61.99% 0.0615 141.65)` | Paying Mantis | black, 5.9 to 1 |
| 17 | `#6f8964` | `oklch(60.05% 0.0625 136.62)` | Fern Canopy | black, 5.4 to 1 |
| 18 | `#6b835d` | `oklch(58.09% 0.0634 134.44)` | Bladerunner | black, 5 to 1 |
| 19 | `#657d57` | `oklch(56.11% 0.0644 134.42)` | Silver Willow Green | black, 4.6 to 1 |
| 20 | `#5e7852` | `oklch(54.14% 0.0652 136.04)` | Garden Club | white, 4.9 to 1 |
| 21 | `#56734e` | `oklch(52.17% 0.0656 138.79)` | Irish Clover | white, 5.3 to 1 |
| 22 | `#4e6e4b` | `oklch(50.23% 0.0656 142.15)` | Graceland Grass | white, 5.7 to 1 |
| 23 | `#466948` | `oklch(48.34% 0.0651 145.60)` | Nordic Pine | white, 6.2 to 1 |
| 24 | `#406345` | `oklch(46.51% 0.0638 148.63)` | Cupidity | white, 6.7 to 1 |
| 25 | `#3a5e43` | `oklch(44.70% 0.0616 151.30)` | Horsetail | white, 7.3 to 1 |
| 26 | `#345941` | `oklch(42.81% 0.0581 154.67)` | Ficus | white, 7.9 to 1 |
| 27 | `#2f533f` | `oklch(40.91% 0.0537 158.53)` | Goblin | white, 8.6 to 1 |
| 28 | `#2b4d3d` | `oklch(39.05% 0.0489 162.61)` | Springbok Green | white, 9.3 to 1 |
| 29 | `#28483b` | `oklch(37.32% 0.0441 166.64)` | Wine Bottle Green | white, 10 to 1 |
| 30 | `#264339` | `oklch(35.76% 0.0395 170.34)` | English Holly | white, 10.7 to 1 |
| 31 | `#253f37` | `oklch(34.46% 0.0357 173.44)` | Pine Grove | white, 11.3 to 1 |
| 32 | `#233c36` | `oklch(33.46% 0.0331 175.67)` | Pine Grove | white, 11.8 to 1 |

## CSS

```css
background: linear-gradient(60deg, #c8e0ed 0.000% 3.125%, #c3ddeb 3.125% 6.250%, #bed9e7 6.250% 9.375%, #b7d3e3 9.375% 12.500%, #b0cedf 12.500% 15.625%, #a7c8da 15.625% 18.750%, #9fc2d4 18.750% 21.875%, #96bcce 21.875% 25.000%, #8db7c7 25.000% 28.125%, #84b3be 28.125% 31.250%, #7baeb2 31.250% 34.375%, #75a9a5 34.375% 37.500%, #72a496 37.500% 40.625%, #719e87 40.625% 43.750%, #729779 43.750% 46.875%, #71906d 46.875% 50.000%, #6f8964 50.000% 53.125%, #6b835d 53.125% 56.250%, #657d57 56.250% 59.375%, #5e7852 59.375% 62.500%, #56734e 62.500% 65.625%, #4e6e4b 65.625% 68.750%, #466948 68.750% 71.875%, #406345 71.875% 75.000%, #3a5e43 75.000% 78.125%, #345941 78.125% 81.250%, #2f533f 81.250% 84.375%, #2b4d3d 84.375% 87.500%, #28483b 87.500% 90.625%, #264339 90.625% 93.750%, #253f37 93.750% 96.875%, #233c36 96.875% 100.000%);
background: linear-gradient(60deg, oklch(89.37% 0.0317 230.62) 0.000% 3.125%, oklch(88.31% 0.0332 230.69) 3.125% 6.250%, oklch(86.91% 0.0352 231.40) 6.250% 9.375%, oklch(85.23% 0.0376 232.27) 9.375% 12.500%, oklch(83.37% 0.0402 232.84) 12.500% 15.625%, oklch(81.39% 0.0429 232.64) 15.625% 18.750%, oklch(79.38% 0.0456 231.20) 18.750% 21.875%, oklch(77.40% 0.0480 228.05) 21.875% 25.000%, oklch(75.53% 0.0501 222.67) 25.000% 28.125%, oklch(73.66% 0.0520 213.93) 28.125% 31.250%, oklch(71.76% 0.0539 202.35) 31.250% 34.375%, oklch(69.82% 0.0558 189.08) 34.375% 37.500%, oklch(67.87% 0.0575 175.25) 37.500% 40.625%, oklch(65.91% 0.0590 161.98) 40.625% 43.750%, oklch(63.94% 0.0604 150.40) 43.750% 46.875%, oklch(61.99% 0.0615 141.65) 46.875% 50.000%, oklch(60.05% 0.0625 136.62) 50.000% 53.125%, oklch(58.09% 0.0634 134.44) 53.125% 56.250%, oklch(56.11% 0.0644 134.42) 56.250% 59.375%, oklch(54.14% 0.0652 136.04) 59.375% 62.500%, oklch(52.17% 0.0656 138.79) 62.500% 65.625%, oklch(50.23% 0.0656 142.15) 65.625% 68.750%, oklch(48.34% 0.0651 145.60) 68.750% 71.875%, oklch(46.51% 0.0638 148.63) 71.875% 75.000%, oklch(44.70% 0.0616 151.30) 75.000% 78.125%, oklch(42.81% 0.0581 154.67) 78.125% 81.250%, oklch(40.91% 0.0537 158.53) 81.250% 84.375%, oklch(39.05% 0.0489 162.61) 84.375% 87.500%, oklch(37.32% 0.0441 166.64) 87.500% 90.625%, oklch(35.76% 0.0395 170.34) 90.625% 93.750%, oklch(34.46% 0.0357 173.44) 93.750% 96.875%, oklch(33.46% 0.0331 175.67) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.032 | 230.6 |
| 2 | 0.76 | 0.05 | 224.3 |
| 3 | 0.61 | 0.062 | 138.7 |
| 4 | 0.461 | 0.063 | 149.3 |
| 5 | 0.335 | 0.033 | 175.7 |

## In these collections

- [Blue and green swatches](https://grabient.com/blue-and-green-swatches)

## Other forms

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