# Peach, olive and aubergine secondary color palette

The Peach, olive and aubergine secondary color palette brings together light orange, green, and dark purple. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is light orange.

- Also called: Peach, olive and navy angular swatches
- Seed: `kSxkEpNqTHyYg1A`
- Page: https://grabient.com/kSxkEpNqTHyYg1A?style=angularSwatches&steps=3&angle=105
- Drawn as: angular swatches, 3 steps, 105 degrees
- Kinds: light to dark, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.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 | `#e3a97e` | `oklch(77.95% 0.0896 57.66)` | Sun Bleached Ochre | black, 10.2 to 1 |
| 2 | `#44580b` | `oklch(42.91% 0.1006 124.23)` | Lustrian Undergrowth | white, 7.9 to 1 |
| 3 | `#312255` | `oklch(29.92% 0.0896 294.37)` | Stormy Night | white, 14 to 1 |

## CSS

```css
background: conic-gradient(from 105deg, #e3a97e 0.000% 33.333%, #44580b 33.333% 66.667%, #312255 66.667% 100.000%);
background: conic-gradient(from 105deg, oklch(77.95% 0.0896 57.66) 0.000% 33.333%, oklch(42.91% 0.1006 124.23) 33.333% 66.667%, oklch(29.92% 0.0896 294.37) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.09 | 57.7 |
| 2 | 0.429 | 0.101 | 124.2 |
| 3 | 0.299 | 0.09 | 294.4 |

## In these collections

- [Secondary color swatches](https://grabient.com/secondary-color-swatches)

## Other forms

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