# Champagne, lime and pale blue spring pastel

The Champagne, lime and pale blue spring pastel brings together pale yellow, pale green, light teal, and pale blue. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is light teal, and its lightest tone is pale yellow.

- Also called: Pastel beige, green and blue linear gradient
- Seed: `kW7y1GfKBBPmfwvyl0UcpJFI`
- Page: https://grabient.com/kW7y1GfKBBPmfwvyl0UcpJFI
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: even lightness, pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#f6edbd` | `oklch(94.09% 0.0620 98.44)` | Wildcat Grey | black, 17.7 to 1 |
| 2 | `#fef9ba` | `oklch(97.04% 0.0805 104.00)` | Break of Day | black, 19.4 to 1 |
| 3 | `#f5ffc4` | `oklch(97.83% 0.0762 115.69)` | Yellow Mana | black, 19.9 to 1 |
| 4 | `#d9fec3` | `oklch(95.67% 0.0868 134.37)` | Herbal Vapours | black, 18.9 to 1 |
| 5 | `#b9f3d6` | `oklch(91.70% 0.0713 162.51)` | Mystery Mint | black, 16.8 to 1 |
| 6 | `#b1eae8` | `oklch(89.75% 0.0576 194.05)` | Spearmint Water | black, 15.7 to 1 |
| 7 | `#bce7f6` | `oklch(90.16% 0.0496 222.08)` | First of July | black, 15.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f6edbd 0.0%, #fef9ba 16.7%, #f5ffc4 33.3%, #d9fec3 50.0%, #b9f3d6 66.7%, #b1eae8 83.3%, #bce7f6 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.09% 0.0620 98.44) 0.0%, oklch(97.04% 0.0805 104.00) 16.7%, oklch(97.83% 0.0762 115.69) 33.3%, oklch(95.67% 0.0868 134.37) 50.0%, oklch(91.70% 0.0713 162.51) 66.7%, oklch(89.75% 0.0576 194.05) 83.3%, oklch(90.16% 0.0496 222.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.062 | 98.4 |
| 2 | 0.98 | 0.088 | 109 |
| 3 | 0.957 | 0.087 | 134.4 |
| 4 | 0.902 | 0.063 | 177.7 |
| 5 | 0.902 | 0.05 | 222.1 |

## In these collections

- [Spring pastel gradients](https://grabient.com/spring-pastel-gradients)

## Other forms

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