# Teal, gold and orange summer palette

The Teal, gold and orange summer palette brings together light teal, pale green, light orange, light red, gold, yellow, and orange. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is orange, and its lightest tone is yellow.

- Also called: Light blue, pink, yellow and orange linear gradient
- Seed: `kcxC6D8yC7eWVNDes7v76vH_c8wrjObs2z6_o`
- Page: https://grabient.com/kcxC6D8yC7eWVNDes7v76vH_c8wrjObs2z6_o?steps=8&angle=315
- Drawn as: linear gradient, 8 steps, 315 degrees
- Kinds: vivid, light, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.2 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 | `#86c2ba` | `oklch(77.17% 0.0634 184.92)` | Undine | black, 10.4 to 1 |
| 2 | `#b9f1bd` | `oklch(90.55% 0.0896 146.88)` | Lime Dream | black, 16.3 to 1 |
| 3 | `#deb39e` | `oklch(79.92% 0.0579 47.54)` | Mesa Sand | black, 11 to 1 |
| 4 | `#f88491` | `oklch(74.41% 0.1419 13.73)` | Camaron Pink | black, 8.6 to 1 |
| 5 | `#ffcf76` | `oklch(87.80% 0.1199 81.36)` | Banana Bread | black, 14.4 to 1 |
| 6 | `#fcf059` | `oklch(93.70% 0.1667 104.61)` | Xanthe Yellow | black, 17.6 to 1 |
| 7 | `#fc9f33` | `oklch(77.95% 0.1585 64.45)` | Blazing Bonfire | black, 10.1 to 1 |
| 8 | `#ea8800` | `oklch(71.65% 0.1644 62.32)` | Clear Orange | black, 8 to 1 |

## CSS

```css
background: linear-gradient(315deg, #86c2ba 0.0%, #b9f1bd 14.3%, #deb39e 28.6%, #f88491 42.9%, #ffcf76 57.1%, #fcf059 71.4%, #fc9f33 85.7%, #ea8800 100.0%);
background: linear-gradient(315deg in oklch, oklch(77.17% 0.0634 184.92) 0.0%, oklch(90.55% 0.0896 146.88) 14.3%, oklch(79.92% 0.0579 47.54) 28.6%, oklch(74.41% 0.1419 13.73) 42.9%, oklch(87.80% 0.1199 81.36) 57.1%, oklch(93.70% 0.1667 104.61) 71.4%, oklch(77.95% 0.1585 64.45) 85.7%, oklch(71.65% 0.1644 62.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.063 | 184.9 |
| 2 | 0.906 | 0.09 | 146.9 |
| 3 | 0.799 | 0.058 | 47.5 |
| 4 | 0.744 | 0.142 | 13.7 |
| 5 | 0.878 | 0.12 | 81.4 |
| 6 | 0.937 | 0.167 | 104.6 |
| 7 | 0.78 | 0.158 | 64.5 |
| 8 | 0.717 | 0.172 | 62.3 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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