# Tan and peach beige palette

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

- Also called: Monochrome brown, gray and beige radial swatches
- Seed: `kSgxwq1w_AOyOwW`
- Page: https://grabient.com/kSgxwq1w_AOyOwW?style=radialSwatches&steps=5&angle=315
- Drawn as: radial swatches, 5 steps, 315 degrees
- Kinds: dark to light, muted, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.6 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 | `#796352` | `oklch(51.57% 0.0386 59.77)` | Folk Guitar | white, 5.6 to 1 |
| 2 | `#907865` | `oklch(58.98% 0.0408 60.03)` | Llama Wool | black, 5 to 1 |
| 3 | `#ae947f` | `oklch(68.50% 0.0427 61.88)` | Sandrift | black, 7.3 to 1 |
| 4 | `#cab39c` | `oklch(78.03% 0.0416 68.35)` | Practical Beige | black, 10.4 to 1 |
| 5 | `#dfccb3` | `oklch(85.43% 0.0400 74.56)` | Pretty Pastry | black, 13.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #796352 0.000% 20.000%, #907865 20.000% 40.000%, #ae947f 40.000% 60.000%, #cab39c 60.000% 80.000%, #dfccb3 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(51.57% 0.0386 59.77) 0.000% 20.000%, oklch(58.98% 0.0408 60.03) 20.000% 40.000%, oklch(68.50% 0.0427 61.88) 40.000% 60.000%, oklch(78.03% 0.0416 68.35) 60.000% 80.000%, oklch(85.43% 0.0400 74.56) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.516 | 0.039 | 59.8 |
| 2 | 0.685 | 0.043 | 61.9 |
| 3 | 0.854 | 0.04 | 74.6 |

## In these collections

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

## Other forms

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