# Yellow, terracotta and teal jasmine harvest dawn

The Yellow, terracotta and teal jasmine harvest dawn brings together pale yellow, light orange, orange, yellow, and teal. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits seasonal packaging and event invitations. Its darkest tone is teal, and its lightest tone is pale yellow.

- Also called: Tritone beige, peach and teal linear swatches
- Seed: `kY7zlO7aQ7eGqvlVJD_yZJEUYaSY`
- Page: https://grabient.com/kY7zlO7aQ7eGqvlVJD_yZJEUYaSY?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light to dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#eef1b4` | `oklch(94.09% 0.0785 110.39)` | Lemon Tonic | black, 17.8 to 1 |
| 2 | `#fac888` | `oklch(86.22% 0.0992 72.35)` | Lazy Sun | black, 13.6 to 1 |
| 3 | `#eba064` | `oklch(76.77% 0.1171 58.61)` | Adventure Orange | black, 9.7 to 1 |
| 4 | `#c28555` | `oklch(66.93% 0.0992 58.61)` | Mulling Spice | black, 6.8 to 1 |
| 5 | `#837a58` | `oklch(57.87% 0.0496 95.60)` | Dried Herb | black, 4.8 to 1 |
| 6 | `#3e8071` | `oklch(55.12% 0.0717 176.97)` | Copper Mineral Green | white, 4.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #eef1b4 0.000% 16.667%, #fac888 16.667% 33.333%, #eba064 33.333% 50.000%, #c28555 50.000% 66.667%, #837a58 66.667% 83.333%, #3e8071 83.333% 100.000%);
background: linear-gradient(90deg, oklch(94.09% 0.0785 110.39) 0.000% 16.667%, oklch(86.22% 0.0992 72.35) 16.667% 33.333%, oklch(76.77% 0.1171 58.61) 33.333% 50.000%, oklch(66.93% 0.0992 58.61) 50.000% 66.667%, oklch(57.87% 0.0496 95.60) 66.667% 83.333%, oklch(55.12% 0.0717 176.97) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.079 | 110.4 |
| 2 | 0.862 | 0.099 | 72.3 |
| 3 | 0.768 | 0.117 | 58.6 |
| 4 | 0.669 | 0.099 | 58.6 |
| 5 | 0.579 | 0.05 | 95.6 |
| 6 | 0.551 | 0.072 | 177 |

## In these collections

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

## Other forms

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