# Tan and peach beige palette

The Tan and peach beige palette brings together orange, light orange, and pale orange. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is pale orange.

- Also called: Gray and tan angular swatches
- Seed: `kWmBgeWQzAmUMwJwC8GZZZBo`
- Page: https://grabient.com/kWmBgeWQzAmUMwJwC8GZZZBo?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: neutral, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#927a70` | `oklch(59.84% 0.0331 42.19)` | Miami Spice | black, 5.2 to 1 |
| 2 | `#b2998d` | `oklch(70.08% 0.0344 47.47)` | Free Wheeling | black, 7.8 to 1 |
| 3 | `#cfb7a8` | `oklch(79.53% 0.0344 52.76)` | Likeable Sand | black, 10.9 to 1 |
| 4 | `#e7d5c3` | `oklch(88.19% 0.0317 66.49)` | Silver Thistle Beige | black, 14.6 to 1 |
| 5 | `#d2ba91` | `oklch(79.92% 0.0606 81.29)` | Stacked Limestone | black, 11.1 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #927a70 0.000% 20.000%, #b2998d 20.000% 40.000%, #cfb7a8 40.000% 60.000%, #e7d5c3 60.000% 80.000%, #d2ba91 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(59.84% 0.0331 42.19) 0.000% 20.000%, oklch(70.08% 0.0344 47.47) 20.000% 40.000%, oklch(79.53% 0.0344 52.76) 40.000% 60.000%, oklch(88.19% 0.0317 66.49) 60.000% 80.000%, oklch(79.92% 0.0606 81.29) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.033 | 42.2 |
| 2 | 0.701 | 0.034 | 47.5 |
| 3 | 0.795 | 0.034 | 52.8 |
| 4 | 0.882 | 0.032 | 66.5 |
| 5 | 0.799 | 0.061 | 81.3 |

## In these collections

- [Beige swatches](https://grabient.com/beige-swatches)

## Other forms

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