# Off-white and peach color palette

The Off-white and peach color palette brings together off-white, light orange, and orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is orange, and its lightest tone is off-white.

- Also called: Monochrome white to brown linear gradient
- Seed: `kS_hdIYpY7UGgvY`
- Page: https://grabient.com/kS_hdIYpY7UGgvY
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light to dark, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.8 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.0001 106.39)` | White | black, 20.9 to 1 |
| 2 | `#f6eccf` | `oklch(94.31% 0.0392 90.41)` | Winter White | black, 17.7 to 1 |
| 3 | `#e5cdae` | `oklch(86.13% 0.0499 75.22)` | Classic Terra | black, 13.7 to 1 |
| 4 | `#d3ae8f` | `oklch(77.56% 0.0606 62.15)` | Fossil Tan | black, 10.2 to 1 |
| 5 | `#bc8d6f` | `oklch(68.20% 0.0713 53.30)` | Nobody but Ben | black, 7.1 to 1 |
| 6 | `#a46c51` | `oklch(58.44% 0.0821 46.57)` | Hot Cacao | black, 4.8 to 1 |
| 7 | `#93553d` | `oklch(51.57% 0.0896 42.07)` | Tonicha | white, 5.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffffff 0.0%, #f6eccf 16.7%, #e5cdae 33.3%, #d3ae8f 50.0%, #bc8d6f 66.7%, #a46c51 83.3%, #93553d 100.0%);
background: linear-gradient(90deg in oklch, oklch(100.00% 0.0001 106.39) 0.0%, oklch(94.31% 0.0392 90.41) 16.7%, oklch(86.13% 0.0499 75.22) 33.3%, oklch(77.56% 0.0606 62.15) 50.0%, oklch(68.20% 0.0713 53.30) 66.7%, oklch(58.44% 0.0821 46.57) 83.3%, oklch(51.57% 0.0896 42.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 1 | 0.032 | 101.3 |
| 2 | 0.776 | 0.061 | 62.2 |
| 3 | 0.516 | 0.09 | 42.1 |

## In these collections

- [Pastel Christmas swatches](https://grabient.com/pastel-christmas-swatches)
- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)
- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)
- [Coastal gradients](https://grabient.com/coastal-gradients)

## Other forms

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