# Champagne, sage and deep teal christmas palette

The Champagne, sage and deep teal christmas palette brings together off-white, pale green, light green, and green. 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 green, and its lightest tone is off-white.

- Also called: Off-white, gray and dark green linear gradient
- Seed: `kY-hBAdQtC-gSQXVF8EwJZCC0SwW`
- Page: https://grabient.com/kY-hBAdQtC-gSQXVF8EwJZCC0SwW?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.3 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 | `#fffaeb` | `oklch(98.42% 0.0199 90.03)` | Tuberose | black, 20 to 1 |
| 2 | `#fdf8e7` | `oklch(97.81% 0.0228 92.79)` | Cosmic Latte | black, 19.7 to 1 |
| 3 | `#f9f6e4` | `oklch(97.00% 0.0237 96.75)` | Star Shine | black, 19.2 to 1 |
| 4 | `#f5f3e0` | `oklch(96.02% 0.0248 101.40)` | Full Moon | black, 18.7 to 1 |
| 5 | `#f0f0dc` | `oklch(94.91% 0.0262 106.27)` | Highlight | black, 18.1 to 1 |
| 6 | `#eaecd7` | `oklch(93.69% 0.0279 110.87)` | Amazon Breeze | black, 17.5 to 1 |
| 7 | `#e5e9d2` | `oklch(92.39% 0.0299 114.72)` | Sunny Summit | black, 16.8 to 1 |
| 8 | `#dfe5cd` | `oklch(91.03% 0.0323 117.63)` | Willow Brook | black, 16.1 to 1 |
| 9 | `#d9e1c7` | `oklch(89.58% 0.0352 120.03)` | Airy Fields | black, 15.4 to 1 |
| 10 | `#d3dcc0` | `oklch(88.03% 0.0385 122.07)` | Breezeway | black, 14.7 to 1 |
| 11 | `#ccd7ba` | `oklch(86.38% 0.0419 123.87)` | Meadow Mist | black, 14 to 1 |
| 12 | `#c5d2b2` | `oklch(84.60% 0.0453 125.57)` | Hidden Hills | black, 13.2 to 1 |
| 13 | `#becdab` | `oklch(82.69% 0.0485 127.31)` | Enamel Green | black, 12.4 to 1 |
| 14 | `#b5c7a4` | `oklch(80.63% 0.0513 129.12)` | Freshwater Green | black, 11.6 to 1 |
| 15 | `#adc09c` | `oklch(78.39% 0.0543 130.74)` | Garden Pond | black, 10.8 to 1 |
| 16 | `#a4b994` | `oklch(76.01% 0.0572 132.25)` | Byakuroku Green | black, 9.9 to 1 |
| 17 | `#9ab28c` | `oklch(73.53% 0.0600 133.76)` | Basilisk | black, 9.1 to 1 |
| 18 | `#91ab84` | `oklch(70.99% 0.0623 135.41)` | Forest Shade | black, 8.3 to 1 |
| 19 | `#87a37c` | `oklch(68.44% 0.0641 137.30)` | Rivergrass | black, 7.5 to 1 |
| 20 | `#7d9c76` | `oklch(65.92% 0.0651 139.57)` | Amulet | black, 6.9 to 1 |
| 21 | `#749570` | `oklch(63.35% 0.0652 142.27)` | Tabbouleh | black, 6.2 to 1 |
| 22 | `#6a8d6b` | `oklch(60.73% 0.0648 145.27)` | Kashmir | black, 5.6 to 1 |
| 23 | `#608565` | `oklch(58.09% 0.0639 148.41)` | Clouded Pine | black, 5 to 1 |
| 24 | `#577e60` | `oklch(55.45% 0.0628 151.52)` | Green Mantle | white, 4.6 to 1 |
| 25 | `#4e765b` | `oklch(52.84% 0.0616 154.46)` | Green Valley | white, 5.1 to 1 |
| 26 | `#466f56` | `oklch(50.27% 0.0604 157.07)` | Foliage Green | white, 5.7 to 1 |
| 27 | `#3e6751` | `oklch(47.53% 0.0590 159.55)` | Isle of Pines | white, 6.4 to 1 |
| 28 | `#355e4b` | `oklch(44.66% 0.0572 161.98)` | Wine Leaf | white, 7.3 to 1 |
| 29 | `#2d5645` | `oklch(41.83% 0.0554 164.26)` | Fresh Mint | white, 8.2 to 1 |
| 30 | `#264f3f` | `oklch(39.22% 0.0536 166.29)` | Hunt Club | white, 9.2 to 1 |
| 31 | `#21493a` | `oklch(37.03% 0.0521 167.99)` | Wine Bottle Green | white, 10.1 to 1 |
| 32 | `#1c4437` | `oklch(35.43% 0.0510 169.26)` | MSU Green | white, 10.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #fffaeb 0.0%, #fdf8e7 3.2%, #f9f6e4 6.5%, #f5f3e0 9.7%, #f0f0dc 12.9%, #eaecd7 16.1%, #e5e9d2 19.4%, #dfe5cd 22.6%, #d9e1c7 25.8%, #d3dcc0 29.0%, #ccd7ba 32.3%, #c5d2b2 35.5%, #becdab 38.7%, #b5c7a4 41.9%, #adc09c 45.2%, #a4b994 48.4%, #9ab28c 51.6%, #91ab84 54.8%, #87a37c 58.1%, #7d9c76 61.3%, #749570 64.5%, #6a8d6b 67.7%, #608565 71.0%, #577e60 74.2%, #4e765b 77.4%, #466f56 80.6%, #3e6751 83.9%, #355e4b 87.1%, #2d5645 90.3%, #264f3f 93.5%, #21493a 96.8%, #1c4437 100.0%);
background: linear-gradient(135deg in oklch, oklch(98.42% 0.0199 90.03) 0.0%, oklch(97.81% 0.0228 92.79) 3.2%, oklch(97.00% 0.0237 96.75) 6.5%, oklch(96.02% 0.0248 101.40) 9.7%, oklch(94.91% 0.0262 106.27) 12.9%, oklch(93.69% 0.0279 110.87) 16.1%, oklch(92.39% 0.0299 114.72) 19.4%, oklch(91.03% 0.0323 117.63) 22.6%, oklch(89.58% 0.0352 120.03) 25.8%, oklch(88.03% 0.0385 122.07) 29.0%, oklch(86.38% 0.0419 123.87) 32.3%, oklch(84.60% 0.0453 125.57) 35.5%, oklch(82.69% 0.0485 127.31) 38.7%, oklch(80.63% 0.0513 129.12) 41.9%, oklch(78.39% 0.0543 130.74) 45.2%, oklch(76.01% 0.0572 132.25) 48.4%, oklch(73.53% 0.0600 133.76) 51.6%, oklch(70.99% 0.0623 135.41) 54.8%, oklch(68.44% 0.0641 137.30) 58.1%, oklch(65.92% 0.0651 139.57) 61.3%, oklch(63.35% 0.0652 142.27) 64.5%, oklch(60.73% 0.0648 145.27) 67.7%, oklch(58.09% 0.0639 148.41) 71.0%, oklch(55.45% 0.0628 151.52) 74.2%, oklch(52.84% 0.0616 154.46) 77.4%, oklch(50.27% 0.0604 157.07) 80.6%, oklch(47.53% 0.0590 159.55) 83.9%, oklch(44.66% 0.0572 161.98) 87.1%, oklch(41.83% 0.0554 164.26) 90.3%, oklch(39.22% 0.0536 166.29) 93.5%, oklch(37.03% 0.0521 167.99) 96.8%, oklch(35.43% 0.0510 169.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.984 | 0.022 | 90 |
| 2 | 0.921 | 0.03 | 115.4 |
| 3 | 0.819 | 0.05 | 128 |
| 4 | 0.669 | 0.065 | 138.6 |
| 5 | 0.508 | 0.061 | 156.6 |
| 6 | 0.354 | 0.051 | 169.3 |

## In these collections

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

## Other forms

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