# Deep teal, sage and champagne christmas palette

The Deep teal, sage and champagne christmas palette brings together dark green, green, light gray, and off-white. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is dark green, and its lightest tone is off-white.

- Also called: Dark green, gray and off-white linear gradient
- Seed: `kYQh93MBU_UCVP7Rjr_4og8HgHu6`
- Page: https://grabient.com/kYQh93MBU_UCVP7Rjr_4og8HgHu6?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 13 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 | `#0b2b20` | `oklch(25.98% 0.0427 167.34)` | Guerrilla Forest | white, 15.2 to 1 |
| 2 | `#0d2e22` | `oklch(27.21% 0.0445 166.76)` | Dark Jungle | white, 14.7 to 1 |
| 3 | `#103226` | `oklch(28.88% 0.0470 165.92)` | Intense Green | white, 13.8 to 1 |
| 4 | `#13382a` | `oklch(30.87% 0.0500 164.94)` | Deep Fir | white, 12.9 to 1 |
| 5 | `#173e2e` | `oklch(33.04% 0.0530 163.92)` | Mizukaze Green | white, 11.8 to 1 |
| 6 | `#1c4433` | `oklch(35.26% 0.0557 162.96)` | Sherwood Green | white, 10.8 to 1 |
| 7 | `#214a37` | `oklch(37.39% 0.0576 162.19)` | County Green | white, 9.9 to 1 |
| 8 | `#26503c` | `oklch(39.41% 0.0587 161.62)` | Moselle Green | white, 9.1 to 1 |
| 9 | `#2b5641` | `oklch(41.47% 0.0595 161.15)` | Green Stain | white, 8.3 to 1 |
| 10 | `#315c46` | `oklch(43.56% 0.0599 160.77)` | Wine Leaf | white, 7.6 to 1 |
| 11 | `#37624c` | `oklch(45.68% 0.0599 160.47)` | Moss Vale | white, 7 to 1 |
| 12 | `#3e6852` | `oklch(47.80% 0.0594 160.22)` | Isle of Pines | white, 6.3 to 1 |
| 13 | `#446e58` | `oklch(49.94% 0.0584 160.02)` | Foliage Green | white, 5.8 to 1 |
| 14 | `#4b735e` | `oklch(52.07% 0.0568 160.00)` | Green Valley | white, 5.3 to 1 |
| 15 | `#537965` | `oklch(54.21% 0.0545 160.61)` | Kendal Green | white, 4.8 to 1 |
| 16 | `#5a7f6c` | `oklch(56.37% 0.0516 161.47)` | Holenso | black, 4.7 to 1 |
| 17 | `#628573` | `oklch(58.54% 0.0484 162.15)` | Dark Ivy | black, 5.1 to 1 |
| 18 | `#6a8b7a` | `oklch(60.71% 0.0450 162.22)` | Sea Monster | black, 5.5 to 1 |
| 19 | `#739181` | `oklch(62.88% 0.0418 161.23)` | Rainford | black, 6 to 1 |
| 20 | `#7c9787` | `oklch(65.03% 0.0388 158.76)` | Mild Green | black, 6.6 to 1 |
| 21 | `#859c8c` | `oklch(67.13% 0.0356 154.83)` | Mother Earth | black, 7.1 to 1 |
| 22 | `#8ea291` | `oklch(69.19% 0.0323 149.79)` | Hillside View | black, 7.7 to 1 |
| 23 | `#98a797` | `oklch(71.27% 0.0290 144.03)` | Green Trellis | black, 8.3 to 1 |
| 24 | `#a1ad9d` | `oklch(73.41% 0.0260 137.91)` | Wormwood Green | black, 8.9 to 1 |
| 25 | `#abb3a4` | `oklch(75.66% 0.0235 131.81)` | Forever Green | black, 9.7 to 1 |
| 26 | `#b4baac` | `oklch(78.06% 0.0218 126.06)` | Cool Sea Air | black, 10.5 to 1 |
| 27 | `#bec3b4` | `oklch(80.87% 0.0207 119.89)` | Seaside Fog | black, 11.6 to 1 |
| 28 | `#caccbd` | `oklch(83.99% 0.0203 113.21)` | Misty Memory | black, 12.9 to 1 |
| 29 | `#d6d6c7` | `oklch(87.17% 0.0202 106.52)` | Silver Green | black, 14.2 to 1 |
| 30 | `#e1dfd0` | `oklch(90.16% 0.0204 100.30)` | Natural Choice | black, 15.6 to 1 |
| 31 | `#ebe7d8` | `oklch(92.68% 0.0206 95.05)` | Dried Coconut | black, 16.9 to 1 |
| 32 | `#f2edde` | `oklch(94.49% 0.0207 91.26)` | Quarter Pearl Lusta | black, 17.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0b2b20 0.0%, #0d2e22 3.2%, #103226 6.5%, #13382a 9.7%, #173e2e 12.9%, #1c4433 16.1%, #214a37 19.4%, #26503c 22.6%, #2b5641 25.8%, #315c46 29.0%, #37624c 32.3%, #3e6852 35.5%, #446e58 38.7%, #4b735e 41.9%, #537965 45.2%, #5a7f6c 48.4%, #628573 51.6%, #6a8b7a 54.8%, #739181 58.1%, #7c9787 61.3%, #859c8c 64.5%, #8ea291 67.7%, #98a797 71.0%, #a1ad9d 74.2%, #abb3a4 77.4%, #b4baac 80.6%, #bec3b4 83.9%, #caccbd 87.1%, #d6d6c7 90.3%, #e1dfd0 93.5%, #ebe7d8 96.8%, #f2edde 100.0%);
background: linear-gradient(135deg in oklch, oklch(25.98% 0.0427 167.34) 0.0%, oklch(27.21% 0.0445 166.76) 3.2%, oklch(28.88% 0.0470 165.92) 6.5%, oklch(30.87% 0.0500 164.94) 9.7%, oklch(33.04% 0.0530 163.92) 12.9%, oklch(35.26% 0.0557 162.96) 16.1%, oklch(37.39% 0.0576 162.19) 19.4%, oklch(39.41% 0.0587 161.62) 22.6%, oklch(41.47% 0.0595 161.15) 25.8%, oklch(43.56% 0.0599 160.77) 29.0%, oklch(45.68% 0.0599 160.47) 32.3%, oklch(47.80% 0.0594 160.22) 35.5%, oklch(49.94% 0.0584 160.02) 38.7%, oklch(52.07% 0.0568 160.00) 41.9%, oklch(54.21% 0.0545 160.61) 45.2%, oklch(56.37% 0.0516 161.47) 48.4%, oklch(58.54% 0.0484 162.15) 51.6%, oklch(60.71% 0.0450 162.22) 54.8%, oklch(62.88% 0.0418 161.23) 58.1%, oklch(65.03% 0.0388 158.76) 61.3%, oklch(67.13% 0.0356 154.83) 64.5%, oklch(69.19% 0.0323 149.79) 67.7%, oklch(71.27% 0.0290 144.03) 71.0%, oklch(73.41% 0.0260 137.91) 74.2%, oklch(75.66% 0.0235 131.81) 77.4%, oklch(78.06% 0.0218 126.06) 80.6%, oklch(80.87% 0.0207 119.89) 83.9%, oklch(83.99% 0.0203 113.21) 87.1%, oklch(87.17% 0.0202 106.52) 90.3%, oklch(90.16% 0.0204 100.30) 93.5%, oklch(92.68% 0.0206 95.05) 96.8%, oklch(94.49% 0.0207 91.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.043 | 167.3 |
| 2 | 0.378 | 0.058 | 162.1 |
| 3 | 0.508 | 0.058 | 159.9 |
| 4 | 0.642 | 0.04 | 159.9 |
| 5 | 0.776 | 0.022 | 127.2 |
| 6 | 0.945 | 0.021 | 91.3 |

## In these collections

- [Christmas gradients](https://grabient.com/christmas-gradients)

## Other forms

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