# Sage, peach and gold cream palette

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

- Also called: Green, brown, peach and beige angular swatches
- Seed: `kWtENe1Cm5mWcPThGkHcRFBA`
- Page: https://grabient.com/kWtENe1Cm5mWcPThGkHcRFBA?style=angularSwatches&steps=5&angle=135
- Drawn as: angular swatches, 5 steps, 135 degrees
- Kinds: pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#8bae71` | `oklch(70.87% 0.0923 132.89)` | Sage | black, 8.3 to 1 |
| 2 | `#b88935` | `oklch(66.14% 0.1144 79.00)` | Burnished Copper | black, 6.6 to 1 |
| 3 | `#e5b18e` | `oklch(79.92% 0.0772 55.75)` | Ancient Inca | black, 11 to 1 |
| 4 | `#cfab80` | `oklch(76.38% 0.0717 71.60)` | DaVanzo Beige | black, 9.8 to 1 |
| 5 | `#ebd8b8` | `oklch(88.98% 0.0469 81.11)` | Porcelain Pink | black, 15 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #8bae71 0.000% 20.000%, #b88935 20.000% 40.000%, #e5b18e 40.000% 60.000%, #cfab80 60.000% 80.000%, #ebd8b8 80.000% 100.000%);
background: conic-gradient(from 135deg, oklch(70.87% 0.0923 132.89) 0.000% 20.000%, oklch(66.14% 0.1144 79.00) 20.000% 40.000%, oklch(79.92% 0.0772 55.75) 40.000% 60.000%, oklch(76.38% 0.0717 71.60) 60.000% 80.000%, oklch(88.98% 0.0469 81.11) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.092 | 132.9 |
| 2 | 0.661 | 0.114 | 79 |
| 3 | 0.799 | 0.077 | 55.7 |
| 4 | 0.764 | 0.072 | 71.6 |
| 5 | 0.89 | 0.047 | 81.1 |

## In these collections

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

## Other forms

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