# Stone and champagne cream palette

Pastel monochrome gray to beige linear gradient with 32 colors: #d4d7c9, #d5d8ca, #d6d9ca, #d8dacb, #d9dbcc, #dbdccd, #dddece, #dfdfcf, #e1e1d0, #e3e2d1, #e5e4d2, #e7e5d3, #e9e6d3, #eae7d4, #ece8d4, #eee9d3, #efead2, #f0ead1, #f2eacf, #f3ebcd, #f4ebcb, #f5ebc8, #f6ebc5, #f8eac2, #f9eabf, #faeabb, #fbeab8, #fceab6, #fce9b3, #fde9b0, #fee9ae, #ffe9ad. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel monochrome gray to beige linear gradient
- Seed: `kS3g5Tdos9ncdPy`
- Page: https://grabient.com/kS3g5Tdos9ncdPy?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: even lightness, pastel, light, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.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 | `#d4d7c9` | `oklch(87.40% 0.0193 116.72)` | Light Green Alabaster | black, 14.4 to 1 |
| 2 | `#d5d8ca` | `oklch(87.63% 0.0196 115.96)` | Light Green Alabaster | black, 14.5 to 1 |
| 3 | `#d6d9ca` | `oklch(87.91% 0.0199 115.01)` | Light Lamb’s Ears | black, 14.6 to 1 |
| 4 | `#d8dacb` | `oklch(88.26% 0.0201 113.89)` | Stage Whisper | black, 14.8 to 1 |
| 5 | `#d9dbcc` | `oklch(88.64% 0.0204 112.62)` | Cool Runnings | black, 14.9 to 1 |
| 6 | `#dbdccd` | `oklch(89.06% 0.0207 111.24)` | Silicone Serena | black, 15.1 to 1 |
| 7 | `#dddece` | `oklch(89.51% 0.0210 109.78)` | Corinthian Column | black, 15.3 to 1 |
| 8 | `#dfdfcf` | `oklch(89.98% 0.0214 108.25)` | Corinthian Column | black, 15.6 to 1 |
| 9 | `#e1e1d0` | `oklch(90.45% 0.0218 106.68)` | Emerging Leaf | black, 15.8 to 1 |
| 10 | `#e3e2d1` | `oklch(90.92% 0.0224 105.11)` | Pale Green Tea | black, 16 to 1 |
| 11 | `#e5e4d2` | `oklch(91.38% 0.0231 103.57)` | Yoga Daze | black, 16.3 to 1 |
| 12 | `#e7e5d3` | `oklch(91.82% 0.0240 102.07)` | Sand Puffs | black, 16.5 to 1 |
| 13 | `#e9e6d3` | `oklch(92.23% 0.0250 100.64)` | Minified Mustard | black, 16.7 to 1 |
| 14 | `#eae7d4` | `oklch(92.60% 0.0262 99.32)` | Minified Mustard | black, 16.9 to 1 |
| 15 | `#ece8d4` | `oklch(92.93% 0.0277 98.13)` | Instant Relief | black, 17 to 1 |
| 16 | `#eee9d3` | `oklch(93.20% 0.0294 97.09)` | Ambrosia Coffee Cake | black, 17.2 to 1 |
| 17 | `#efead2` | `oklch(93.40% 0.0314 96.23)` | Golden Fog | black, 17.3 to 1 |
| 18 | `#f0ead1` | `oklch(93.56% 0.0338 95.46)` | Golden Fog | black, 17.4 to 1 |
| 19 | `#f2eacf` | `oklch(93.69% 0.0367 94.77)` | Candle Wax | black, 17.4 to 1 |
| 20 | `#f3ebcd` | `oklch(93.78% 0.0399 94.15)` | Pacific Sand | black, 17.5 to 1 |
| 21 | `#f4ebcb` | `oklch(93.84% 0.0434 93.61)` | Lemon Icing | black, 17.5 to 1 |
| 22 | `#f5ebc8` | `oklch(93.87% 0.0471 93.12)` | Lemon Icing | black, 17.5 to 1 |
| 23 | `#f6ebc5` | `oklch(93.88% 0.0509 92.69)` | Birth of Venus | black, 17.5 to 1 |
| 24 | `#f8eac2` | `oklch(93.88% 0.0548 92.30)` | Dandelion Tea | black, 17.5 to 1 |
| 25 | `#f9eabf` | `oklch(93.86% 0.0587 91.96)` | Candle in the Wind | black, 17.5 to 1 |
| 26 | `#faeabb` | `oklch(93.83% 0.0626 91.66)` | Frozen Custard | black, 17.5 to 1 |
| 27 | `#fbeab8` | `oklch(93.80% 0.0662 91.39)` | Solar | black, 17.5 to 1 |
| 28 | `#fceab6` | `oklch(93.76% 0.0697 91.15)` | Solar | black, 17.5 to 1 |
| 29 | `#fce9b3` | `oklch(93.73% 0.0729 90.92)` | Gold Thread | black, 17.4 to 1 |
| 30 | `#fde9b0` | `oklch(93.71% 0.0757 90.71)` | Gold Thread | black, 17.4 to 1 |
| 31 | `#fee9ae` | `oklch(93.70% 0.0780 90.50)` | Lemon Souffle | black, 17.4 to 1 |
| 32 | `#ffe9ad` | `oklch(93.70% 0.0799 90.30)` | Sweet as Honey | black, 17.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d4d7c9 0.0%, #d5d8ca 3.2%, #d6d9ca 6.5%, #d8dacb 9.7%, #d9dbcc 12.9%, #dbdccd 16.1%, #dddece 19.4%, #dfdfcf 22.6%, #e1e1d0 25.8%, #e3e2d1 29.0%, #e5e4d2 32.3%, #e7e5d3 35.5%, #e9e6d3 38.7%, #eae7d4 41.9%, #ece8d4 45.2%, #eee9d3 48.4%, #efead2 51.6%, #f0ead1 54.8%, #f2eacf 58.1%, #f3ebcd 61.3%, #f4ebcb 64.5%, #f5ebc8 67.7%, #f6ebc5 71.0%, #f8eac2 74.2%, #f9eabf 77.4%, #faeabb 80.6%, #fbeab8 83.9%, #fceab6 87.1%, #fce9b3 90.3%, #fde9b0 93.5%, #fee9ae 96.8%, #ffe9ad 100.0%);
background: linear-gradient(135deg in oklch, oklch(87.40% 0.0193 116.72) 0.0%, oklch(87.63% 0.0196 115.96) 3.2%, oklch(87.91% 0.0199 115.01) 6.5%, oklch(88.26% 0.0201 113.89) 9.7%, oklch(88.64% 0.0204 112.62) 12.9%, oklch(89.06% 0.0207 111.24) 16.1%, oklch(89.51% 0.0210 109.78) 19.4%, oklch(89.98% 0.0214 108.25) 22.6%, oklch(90.45% 0.0218 106.68) 25.8%, oklch(90.92% 0.0224 105.11) 29.0%, oklch(91.38% 0.0231 103.57) 32.3%, oklch(91.82% 0.0240 102.07) 35.5%, oklch(92.23% 0.0250 100.64) 38.7%, oklch(92.60% 0.0262 99.32) 41.9%, oklch(92.93% 0.0277 98.13) 45.2%, oklch(93.20% 0.0294 97.09) 48.4%, oklch(93.40% 0.0314 96.23) 51.6%, oklch(93.56% 0.0338 95.46) 54.8%, oklch(93.69% 0.0367 94.77) 58.1%, oklch(93.78% 0.0399 94.15) 61.3%, oklch(93.84% 0.0434 93.61) 64.5%, oklch(93.87% 0.0471 93.12) 67.7%, oklch(93.88% 0.0509 92.69) 71.0%, oklch(93.88% 0.0548 92.30) 74.2%, oklch(93.86% 0.0587 91.96) 77.4%, oklch(93.83% 0.0626 91.66) 80.6%, oklch(93.80% 0.0662 91.39) 83.9%, oklch(93.76% 0.0697 91.15) 87.1%, oklch(93.73% 0.0729 90.92) 90.3%, oklch(93.71% 0.0757 90.71) 93.5%, oklch(93.70% 0.0780 90.50) 96.8%, oklch(93.70% 0.0799 90.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.019 | 116.7 |
| 2 | 0.933 | 0.03 | 96.6 |
| 3 | 0.937 | 0.08 | 90.3 |

## In these collections

- [Cream](https://grabient.com/cream)

## Other forms

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