# Gummy Candy Canopy

5 diagonal bands follow teal, cream, gold, blue, and pale violet. The lighter colors offer relief while the deeper colors support legible pale type and clear focal marks. Use this palette for candy packaging, party graphics, playful stickers, and bright interface accents; each visible color keeps a practical role without weakening the collection’s specific mood.

- Also called: Light blue, beige, yellow and lavender linear swatches
- Seed: `kWz1CReg4xnKzwdRstL6KBGA`
- Page: https://grabient.com/kWz1CReg4xnKzwdRstL6KBGA?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: pastel, light
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 3 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 | `#5bd7e3` | `oklch(81.50% 0.1102 203.91)` | Neon Nazar | black, 12.3 to 1 |
| 2 | `#fff0d6` | `oklch(96.06% 0.0384 82.40)` | Biogenic Sand | black, 18.7 to 1 |
| 3 | `#f7df67` | `oklch(90.16% 0.1419 98.23)` | Vanilla Pudding | black, 15.7 to 1 |
| 4 | `#568ce0` | `oklch(64.17% 0.1392 258.86)` | Blue Jay | black, 6.2 to 1 |
| 5 | `#d7b5f0` | `oklch(82.28% 0.0882 310.64)` | Pink Illusion | black, 11.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #5bd7e3 0.000% 20.000%, #fff0d6 20.000% 40.000%, #f7df67 40.000% 60.000%, #568ce0 60.000% 80.000%, #d7b5f0 80.000% 100.000%);
background: linear-gradient(90deg, oklch(81.50% 0.1102 203.91) 0.000% 20.000%, oklch(96.06% 0.0384 82.40) 20.000% 40.000%, oklch(90.16% 0.1419 98.23) 40.000% 60.000%, oklch(64.17% 0.1392 258.86) 60.000% 80.000%, oklch(82.28% 0.0882 310.64) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.11 | 203.9 |
| 2 | 0.961 | 0.039 | 82.4 |
| 3 | 0.902 | 0.142 | 98.2 |
| 4 | 0.642 | 0.139 | 258.9 |
| 5 | 0.823 | 0.088 | 310.6 |

## In these collections

- [Gummy candy swatches](https://grabient.com/gummy-candy-swatches)

## Other forms

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