# Orange, yellow and pale blue spring palette

The Orange, yellow and pale blue spring palette brings together orange, light yellow, pale yellow, pale green, and pale teal. The colors span a moderate lightness range, combining moderate 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 pale yellow.

- Also called: Pastel tritone orange, beige and blue linear gradient
- Seed: `kas2ooaLLBXMsQr8KcIfRq_3sSRR4HsVg`
- Page: https://grabient.com/kas2ooaLLBXMsQr8KcIfRq_3sSRR4HsVg
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel, light, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.6 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 | `#e38537` | `oklch(70.47% 0.1461 56.25)` | West Side | black, 7.6 to 1 |
| 2 | `#ffb35b` | `oklch(82.28% 0.1364 67.88)` | Cantaloupe Smile | black, 11.8 to 1 |
| 3 | `#fedd7d` | `oklch(90.55% 0.1213 91.12)` | Cup Noodles | black, 15.8 to 1 |
| 4 | `#fdfea2` | `oklch(97.64% 0.1144 109.09)` | Calamansi | black, 19.8 to 1 |
| 5 | `#fefec5` | `oklch(98.43% 0.0730 108.03)` | Golden Wash | black, 20.2 to 1 |
| 6 | `#ddffe4` | `oklch(96.85% 0.0496 151.36)` | Frosted Plains | black, 19.4 to 1 |
| 7 | `#affdff` | `oklch(94.49% 0.0759 197.84)` | Italian Sky Blue | black, 18.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e38537 0.0%, #ffb35b 16.7%, #fedd7d 33.3%, #fdfea2 50.0%, #fefec5 66.7%, #ddffe4 83.3%, #affdff 100.0%);
background: linear-gradient(90deg in oklch, oklch(70.47% 0.1461 56.25) 0.0%, oklch(82.28% 0.1364 67.88) 16.7%, oklch(90.55% 0.1213 91.12) 33.3%, oklch(97.64% 0.1144 109.09) 50.0%, oklch(98.43% 0.0730 108.03) 66.7%, oklch(96.85% 0.0496 151.36) 83.3%, oklch(94.49% 0.0759 197.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.146 | 56.3 |
| 2 | 0.823 | 0.139 | 67.9 |
| 3 | 0.906 | 0.121 | 91.1 |
| 4 | 0.976 | 0.114 | 109.1 |
| 5 | 0.984 | 0.073 | 108 |
| 6 | 0.969 | 0.05 | 151.4 |
| 7 | 0.945 | 0.084 | 197.9 |

## In these collections

- [Golden pollen](https://grabient.com/golden-pollen)
- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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