# Apricot and Garden Sage

The Orange and burgundy color palette brings together light orange, orange, red, and light green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is red, and its lightest tone is light orange.

- Also called: Peach, brown, gray and pink radial swatches
- Seed: `kW3y0uySy9TOfvvokc_aBaxI`
- Page: https://grabient.com/kW3y0uySy9TOfvvokc_aBaxI?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark center, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.4 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 | `#f4cfac` | `oklch(87.80% 0.0620 65.39)` | Sandalwood Beige | black, 14.3 to 1 |
| 2 | `#b35e38` | `oklch(57.48% 0.1226 43.20)` | Gold Varnish Brown | white, 4.5 to 1 |
| 3 | `#703627` | `oklch(40.55% 0.0868 34.74)` | Strong Mocha | white, 9.3 to 1 |
| 4 | `#a7d0c0` | `oklch(82.28% 0.0482 168.95)` | Swimming Pool Green | black, 12.3 to 1 |
| 5 | `#e7b8a3` | `oklch(81.89% 0.0620 44.26)` | Pink Abalone | black, 11.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f4cfac 0.000% 20.000%, #b35e38 20.000% 40.000%, #703627 40.000% 60.000%, #a7d0c0 60.000% 80.000%, #e7b8a3 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(87.80% 0.0620 65.39) 0.000% 20.000%, oklch(57.48% 0.1226 43.20) 20.000% 40.000%, oklch(40.55% 0.0868 34.74) 40.000% 60.000%, oklch(82.28% 0.0482 168.95) 60.000% 80.000%, oklch(81.89% 0.0620 44.26) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.062 | 65.4 |
| 2 | 0.575 | 0.123 | 43.2 |
| 3 | 0.406 | 0.087 | 34.7 |
| 4 | 0.823 | 0.048 | 169 |
| 5 | 0.819 | 0.062 | 44.3 |

## In these collections

- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)
- [Copper](https://grabient.com/copper)
- [Kerala flower carpet](https://grabient.com/kerala-flower-carpet)
- [Alpine harvest embroidery](https://grabient.com/alpine-harvest-embroidery)

## Other forms

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