# Aubergine, rose and sage tropical palette

The Aubergine, rose and sage tropical palette brings together dark purple, magenta, orange, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark purple, and its lightest tone is orange.

- Also called: Purple, pink, peach and green angular swatches
- Seed: `kWSkfhO67BtSywnnKkiRZ3KA`
- Page: https://grabient.com/kWSkfhO67BtSywnnKkiRZ3KA?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 7.9 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 | `#3e184b` | `oklch(29.13% 0.0978 316.41)` | Obsidian Orchid | white, 14.6 to 1 |
| 2 | `#823b7b` | `oklch(46.85% 0.1281 331.20)` | Sparkling Grape | white, 7.3 to 1 |
| 3 | `#d36d9c` | `oklch(66.54% 0.1392 352.34)` | Fuchsia Kiss | black, 6.4 to 1 |
| 4 | `#f5b16d` | `oklch(81.10% 0.1157 65.25)` | Stirring Orange | black, 11.4 to 1 |
| 5 | `#4b7e58` | `oklch(54.72% 0.0813 150.85)` | Leisure Green | white, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #3e184b 0.000% 20.000%, #823b7b 20.000% 40.000%, #d36d9c 40.000% 60.000%, #f5b16d 60.000% 80.000%, #4b7e58 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(29.13% 0.0978 316.41) 0.000% 20.000%, oklch(46.85% 0.1281 331.20) 20.000% 40.000%, oklch(66.54% 0.1392 352.34) 40.000% 60.000%, oklch(81.10% 0.1157 65.25) 60.000% 80.000%, oklch(54.72% 0.0813 150.85) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.098 | 316.4 |
| 2 | 0.469 | 0.128 | 331.2 |
| 3 | 0.665 | 0.139 | 352.3 |
| 4 | 0.811 | 0.116 | 425.3 |
| 5 | 0.547 | 0.081 | 510.8 |

## In these collections

- [Tropical swatches](https://grabient.com/tropical-swatches)
- [Afro bohemian](https://grabient.com/afro-bohemian)

## Other forms

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