# Off-white, cream and coral color palette

The Off-white, cream and coral color palette brings together off-white, pale orange, and light red. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits invitation suites and ceremony stationery. Its darkest tone is light red, and its lightest tone is off-white.

- Also called: White, beige, pink and gray linear swatches
- Seed: `kW_gBVfIg7HOMPBrDj744--g`
- Page: https://grabient.com/kW_gBVfIg7HOMPBrDj744--g?style=linearSwatches&steps=13&angle=180
- Drawn as: linear swatches, 13 steps, 180 degrees
- Kinds: pastel, light, warm
- Hues: monochromatic
- 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 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 2 | `#fefefa` | `oklch(99.68% 0.0061 108.53)` | Baby Powder | black, 20.8 to 1 |
| 3 | `#fffcf3` | `oklch(99.14% 0.0125 93.01)` | Granulated Sugar | black, 20.5 to 1 |
| 4 | `#fff7ec` | `oklch(98.03% 0.0170 78.35)` | Fatback | black, 19.8 to 1 |
| 5 | `#ffefe0` | `oklch(96.03% 0.0267 65.87)` | Sugar Glaze | black, 18.6 to 1 |
| 6 | `#fae5d7` | `oklch(93.47% 0.0302 54.36)` | Illuminated | black, 17.2 to 1 |
| 7 | `#f5dbcf` | `oklch(90.94% 0.0331 45.56)` | Blanched | black, 15.9 to 1 |
| 8 | `#efd3c8` | `oklch(88.66% 0.0354 41.06)` | Pink Sentiment | black, 14.7 to 1 |
| 9 | `#e9cbc1` | `oklch(86.41% 0.0371 39.26)` | Au Naturel | black, 13.7 to 1 |
| 10 | `#e3c3ba` | `oklch(84.25% 0.0386 37.10)` | Golden Guernsey | black, 12.8 to 1 |
| 11 | `#ddbbb4` | `oklch(82.01% 0.0402 33.03)` | Rose Yoghurt | black, 11.8 to 1 |
| 12 | `#d7b4ae` | `oklch(79.85% 0.0417 28.61)` | Oyster Pink | black, 11 to 1 |
| 13 | `#d3afab` | `oklch(78.35% 0.0427 25.48)` | Victoriana | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ffffff 0.000% 7.692%, #fefefa 7.692% 15.385%, #fffcf3 15.385% 23.077%, #fff7ec 23.077% 30.769%, #ffefe0 30.769% 38.462%, #fae5d7 38.462% 46.154%, #f5dbcf 46.154% 53.846%, #efd3c8 53.846% 61.538%, #e9cbc1 61.538% 69.231%, #e3c3ba 69.231% 76.923%, #ddbbb4 76.923% 84.615%, #d7b4ae 84.615% 92.308%, #d3afab 92.308% 100.000%);
background: linear-gradient(180deg, oklch(100.00% 0.0000 89.88) 0.000% 7.692%, oklch(99.68% 0.0061 108.53) 7.692% 15.385%, oklch(99.14% 0.0125 93.01) 15.385% 23.077%, oklch(98.03% 0.0170 78.35) 23.077% 30.769%, oklch(96.03% 0.0267 65.87) 30.769% 38.462%, oklch(93.47% 0.0302 54.36) 38.462% 46.154%, oklch(90.94% 0.0331 45.56) 46.154% 53.846%, oklch(88.66% 0.0354 41.06) 53.846% 61.538%, oklch(86.41% 0.0371 39.26) 61.538% 69.231%, oklch(84.25% 0.0386 37.10) 69.231% 76.923%, oklch(82.01% 0.0402 33.03) 76.923% 84.615%, oklch(79.85% 0.0417 28.61) 84.615% 92.308%, oklch(78.35% 0.0427 25.48) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 1 | 0 | 119.5 |
| 2 | 0.98 | 0.022 | 78.3 |
| 3 | 0.909 | 0.033 | 45.6 |
| 4 | 0.843 | 0.039 | 37.1 |
| 5 | 0.783 | 0.043 | 25.5 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)
- [Cream swatches](https://grabient.com/cream-swatches)
- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)
- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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