# Gummy Candy Dawn

5 fan-shaped bands turn around the center through pale rose, rose, olive, teal, 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: Rainbow from pink to lavender angular swatches
- Seed: `kWzUz80U1BOfDTxnqEg6KBMg`
- Page: https://grabient.com/kWzUz80U1BOfDTxnqEg6KBMg?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: vivid, light, rainbow
- Hues: complementary
- 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 | `#f6a4c3` | `oklch(80.71% 0.1047 355.08)` | Rogue Pink | black, 10.9 to 1 |
| 2 | `#ec3e79` | `oklch(63.78% 0.2122 5.65)` | Amor | black, 5.5 to 1 |
| 3 | `#90db53` | `oklch(81.50% 0.1846 133.51)` | Lilliputian Lime | black, 12.4 to 1 |
| 4 | `#5bd7e2` | `oklch(81.50% 0.1102 203.26)` | Neon Nazar | black, 12.3 to 1 |
| 5 | `#d7b5f0` | `oklch(82.28% 0.0882 309.99)` | Pink Illusion | black, 11.7 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #f6a4c3 0.000% 20.000%, #ec3e79 20.000% 40.000%, #90db53 40.000% 60.000%, #5bd7e2 60.000% 80.000%, #d7b5f0 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(80.71% 0.1047 355.08) 0.000% 20.000%, oklch(63.78% 0.2122 5.65) 20.000% 40.000%, oklch(81.50% 0.1846 133.51) 40.000% 60.000%, oklch(81.50% 0.1102 203.26) 60.000% 80.000%, oklch(82.28% 0.0882 309.99) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.807 | 0.105 | 355.1 |
| 2 | 0.638 | 0.212 | 365.6 |
| 3 | 0.815 | 0.185 | 493.5 |
| 4 | 0.815 | 0.11 | 563.3 |
| 5 | 0.823 | 0.088 | 670 |

## In these collections

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

## Other forms

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