# Cream and sage color palette

The Cream and sage color palette brings together pale yellow, light green, and green. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is pale yellow.

- Also called: Off-white, gray and green linear gradient
- Seed: `kS8RJP6pRBluZwY`
- Page: https://grabient.com/kS8RJP6pRBluZwY?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: neutral, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 2 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 | `#eef0dd` | `oklch(94.88% 0.0248 111.80)` | Highlight | black, 18.1 to 1 |
| 2 | `#edefdb` | `oklch(94.48% 0.0259 112.30)` | Yellowish Grey | black, 17.9 to 1 |
| 3 | `#ebedd9` | `oklch(94.00% 0.0273 112.90)` | Bethlehem Superstar | black, 17.6 to 1 |
| 4 | `#e9ecd6` | `oklch(93.45% 0.0290 113.59)` | Amazon Breeze | black, 17.4 to 1 |
| 5 | `#e6ead3` | `oklch(92.84% 0.0308 114.37)` | Horned Lizard | black, 17.1 to 1 |
| 6 | `#e4e8d0` | `oklch(92.17% 0.0329 115.21)` | White Radish | black, 16.7 to 1 |
| 7 | `#e1e6cc` | `oklch(91.45% 0.0350 116.12)` | Willow Brook | black, 16.4 to 1 |
| 8 | `#dee4c8` | `oklch(90.70% 0.0373 117.07)` | More Melon | black, 16 to 1 |
| 9 | `#dbe2c5` | `oklch(89.91% 0.0396 118.06)` | Airy Fields | black, 15.6 to 1 |
| 10 | `#d8e0c1` | `oklch(89.10% 0.0419 119.07)` | Mountain Spring | black, 15.2 to 1 |
| 11 | `#d4ddbd` | `oklch(88.28% 0.0442 120.10)` | Dream Seascape | black, 14.9 to 1 |
| 12 | `#d1dbb9` | `oklch(87.45% 0.0465 121.14)` | Green Parlour | black, 14.5 to 1 |
| 13 | `#cdd9b6` | `oklch(86.62% 0.0487 122.16)` | Vintage Glass | black, 14.1 to 1 |
| 14 | `#cad6b2` | `oklch(85.80% 0.0508 123.17)` | Mint Soap | black, 13.8 to 1 |
| 15 | `#c6d4af` | `oklch(85.00% 0.0527 124.15)` | Pistachio Pudding | black, 13.4 to 1 |
| 16 | `#c3d2ac` | `oklch(84.23% 0.0544 125.08)` | Morris Leaf | black, 13.1 to 1 |
| 17 | `#c0d0a9` | `oklch(83.48% 0.0558 125.98)` | Landscape | black, 12.8 to 1 |
| 18 | `#bccea6` | `oklch(82.70% 0.0572 126.92)` | Pixie Green | black, 12.5 to 1 |
| 19 | `#b9cba3` | `oklch(81.87% 0.0586 127.90)` | Gleam | black, 12.1 to 1 |
| 20 | `#b5c9a0` | `oklch(81.01% 0.0599 128.91)` | Sprout | black, 11.8 to 1 |
| 21 | `#b1c79d` | `oklch(80.13% 0.0611 129.93)` | Wasabi Peanut | black, 11.4 to 1 |
| 22 | `#adc49a` | `oklch(79.25% 0.0622 130.97)` | Geddy Green | black, 11.1 to 1 |
| 23 | `#aac298` | `oklch(78.36% 0.0633 132.00)` | Heartland Frosty | black, 10.8 to 1 |
| 24 | `#a6bf95` | `oklch(77.48% 0.0643 133.01)` | Japanese Horseradish | black, 10.5 to 1 |
| 25 | `#a2bd93` | `oklch(76.62% 0.0653 134.00)` | Praying Mantis | black, 10.2 to 1 |
| 26 | `#9fba90` | `oklch(75.80% 0.0662 134.95)` | Norway | black, 9.9 to 1 |
| 27 | `#9bb88e` | `oklch(75.01% 0.0670 135.86)` | Brookview | black, 9.6 to 1 |
| 28 | `#98b68c` | `oklch(74.28% 0.0678 136.70)` | Mistletoe Kiss | black, 9.4 to 1 |
| 29 | `#95b48a` | `oklch(73.60% 0.0685 137.48)` | Foliage | black, 9.1 to 1 |
| 30 | `#93b388` | `oklch(73.00% 0.0692 138.17)` | Foliage | black, 8.9 to 1 |
| 31 | `#90b187` | `oklch(72.48% 0.0698 138.77)` | Pear Cactus | black, 8.8 to 1 |
| 32 | `#8eb086` | `oklch(72.05% 0.0703 139.27)` | Pear Cactus | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #eef0dd 0.0%, #edefdb 3.2%, #ebedd9 6.5%, #e9ecd6 9.7%, #e6ead3 12.9%, #e4e8d0 16.1%, #e1e6cc 19.4%, #dee4c8 22.6%, #dbe2c5 25.8%, #d8e0c1 29.0%, #d4ddbd 32.3%, #d1dbb9 35.5%, #cdd9b6 38.7%, #cad6b2 41.9%, #c6d4af 45.2%, #c3d2ac 48.4%, #c0d0a9 51.6%, #bccea6 54.8%, #b9cba3 58.1%, #b5c9a0 61.3%, #b1c79d 64.5%, #adc49a 67.7%, #aac298 71.0%, #a6bf95 74.2%, #a2bd93 77.4%, #9fba90 80.6%, #9bb88e 83.9%, #98b68c 87.1%, #95b48a 90.3%, #93b388 93.5%, #90b187 96.8%, #8eb086 100.0%);
background: linear-gradient(180deg in oklch, oklch(94.88% 0.0248 111.80) 0.0%, oklch(94.48% 0.0259 112.30) 3.2%, oklch(94.00% 0.0273 112.90) 6.5%, oklch(93.45% 0.0290 113.59) 9.7%, oklch(92.84% 0.0308 114.37) 12.9%, oklch(92.17% 0.0329 115.21) 16.1%, oklch(91.45% 0.0350 116.12) 19.4%, oklch(90.70% 0.0373 117.07) 22.6%, oklch(89.91% 0.0396 118.06) 25.8%, oklch(89.10% 0.0419 119.07) 29.0%, oklch(88.28% 0.0442 120.10) 32.3%, oklch(87.45% 0.0465 121.14) 35.5%, oklch(86.62% 0.0487 122.16) 38.7%, oklch(85.80% 0.0508 123.17) 41.9%, oklch(85.00% 0.0527 124.15) 45.2%, oklch(84.23% 0.0544 125.08) 48.4%, oklch(83.48% 0.0558 125.98) 51.6%, oklch(82.70% 0.0572 126.92) 54.8%, oklch(81.87% 0.0586 127.90) 58.1%, oklch(81.01% 0.0599 128.91) 61.3%, oklch(80.13% 0.0611 129.93) 64.5%, oklch(79.25% 0.0622 130.97) 67.7%, oklch(78.36% 0.0633 132.00) 71.0%, oklch(77.48% 0.0643 133.01) 74.2%, oklch(76.62% 0.0653 134.00) 77.4%, oklch(75.80% 0.0662 134.95) 80.6%, oklch(75.01% 0.0670 135.86) 83.9%, oklch(74.28% 0.0678 136.70) 87.1%, oklch(73.60% 0.0685 137.48) 90.3%, oklch(73.00% 0.0692 138.17) 93.5%, oklch(72.48% 0.0698 138.77) 96.8%, oklch(72.05% 0.0703 139.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.025 | 111.8 |
| 2 | 0.839 | 0.055 | 125.5 |
| 3 | 0.72 | 0.07 | 139.3 |

## In these collections

- [Sage](https://grabient.com/sage)
- [Forest gradients](https://grabient.com/forest-gradients)
- [Sage swatches](https://grabient.com/sage-swatches)

## Other forms

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