# Mauve, orange and sage jasmine harvest dawn

The Mauve, orange and sage jasmine harvest dawn brings together magenta, red, light red, light orange, light yellow, and light green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is magenta, and its lightest tone is light yellow.

- Also called: Purple, peach, beige and green angular swatches
- Seed: `kYWyzmPqREVkjw3tn8T8CHEl-dws`
- Page: https://grabient.com/kYWyzmPqREVkjw3tn8T8CHEl-dws?style=angularSwatches&steps=6&angle=45
- Drawn as: angular swatches, 6 steps, 45 degrees
- Kinds: light center, pastel, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#4c314f` | `oklch(35.83% 0.0606 323.44)` | Shadow Purple | white, 11.2 to 1 |
| 2 | `#8e475e` | `oklch(49.21% 0.0992 0.42)` | Violet Quartz | white, 6.5 to 1 |
| 3 | `#d5877a` | `oklch(70.08% 0.0978 30.01)` | Island Coral | black, 7.5 to 1 |
| 4 | `#f5c992` | `oklch(86.22% 0.0868 72.28)` | Lunch Box | black, 13.6 to 1 |
| 5 | `#dadf97` | `oklch(88.19% 0.0923 111.38)` | Chalcedony | black, 14.9 to 1 |
| 6 | `#98bb87` | `oklch(75.20% 0.0813 135.69)` | Seafoam Green | black, 9.7 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #4c314f 0.000% 16.667%, #8e475e 16.667% 33.333%, #d5877a 33.333% 50.000%, #f5c992 50.000% 66.667%, #dadf97 66.667% 83.333%, #98bb87 83.333% 100.000%);
background: conic-gradient(from 45deg, oklch(35.83% 0.0606 323.44) 0.000% 16.667%, oklch(49.21% 0.0992 0.42) 16.667% 33.333%, oklch(70.08% 0.0978 30.01) 33.333% 50.000%, oklch(86.22% 0.0868 72.28) 50.000% 66.667%, oklch(88.19% 0.0923 111.38) 66.667% 83.333%, oklch(75.20% 0.0813 135.69) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.358 | 0.061 | 323.4 |
| 2 | 0.492 | 0.099 | 360.4 |
| 3 | 0.701 | 0.098 | 390 |
| 4 | 0.862 | 0.087 | 432.3 |
| 5 | 0.882 | 0.092 | 471.4 |
| 6 | 0.752 | 0.081 | 495.7 |

## In these collections

- [Jasmine harvest dawn](https://grabient.com/jasmine-harvest-dawn)

## Other forms

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