# Turquoise citron fiesta swatches

The Turquoise citron fiesta swatches brings together dark purple, teal, green, red, and yellow. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is yellow.

- Also called: Rainbow from black to yellow linear swatches
- Seed: `kWMSXQvZk1tazOfWRC--M5Lo`
- Page: https://grabient.com/kWMSXQvZk1tazOfWRC--M5Lo?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: dark to light, vivid, rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 16.4 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 | `#160f29` | `oklch(19.29% 0.0510 293.20)` | Corbeau | white, 18.5 to 1 |
| 2 | `#246a72` | `oklch(48.43% 0.0689 206.55)` | Teal Fury | white, 6.2 to 1 |
| 3 | `#3cb273` | `oklch(68.11% 0.1406 155.83)` | Medium Sea Green | black, 7.7 to 1 |
| 4 | `#f55c69` | `oklch(67.72% 0.1874 18.45)` | Dubarry | black, 6.5 to 1 |
| 5 | `#e4ff42` | `oklch(94.88% 0.2017 117.78)` | Tennis Ball | black, 18.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #160f29 0.000% 20.000%, #246a72 20.000% 40.000%, #3cb273 40.000% 60.000%, #f55c69 60.000% 80.000%, #e4ff42 80.000% 100.000%);
background: linear-gradient(45deg, oklch(19.29% 0.0510 293.20) 0.000% 20.000%, oklch(48.43% 0.0689 206.55) 20.000% 40.000%, oklch(68.11% 0.1406 155.83) 40.000% 60.000%, oklch(67.72% 0.1874 18.45) 60.000% 80.000%, oklch(94.88% 0.2017 117.78) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.051 | 293.2 |
| 2 | 0.484 | 0.069 | 206.5 |
| 3 | 0.681 | 0.141 | 155.8 |
| 4 | 0.677 | 0.187 | 18.4 |
| 5 | 0.949 | 0.215 | 117.8 |

## In these collections

- [Day of the Dead swatches](https://grabient.com/day-of-the-dead-swatches)

## Other forms

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