# Orange and cobalt blue sequined feather costume

The Orange and cobalt blue sequined feather costume brings together orange, magenta, purple, teal, and blue. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits fashion mood boards and lookbook graphics. Its darkest tone is purple, and its lightest tone is teal.

- Also called: Vivid orange, purple, cyan and blue linear swatches
- Seed: `kWtH4kU944ENYOlnMTSw89HI`
- Page: https://grabient.com/kWtH4kU944ENYOlnMTSw89HI?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 3.5 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 | `#f37b22` | `oklch(70.87% 0.1736 50.63)` | Iceland Poppy | black, 7.6 to 1 |
| 2 | `#f32ab7` | `oklch(65.75% 0.2591 344.05)` | Magnificent Magenta | black, 5.8 to 1 |
| 3 | `#7e33e2` | `oklch(52.76% 0.2425 296.50)` | Hokkaido Lavender | white, 6 to 1 |
| 4 | `#1adbe5` | `oklch(81.10% 0.1350 201.39)` | Thousand Sons Blue | black, 12.2 to 1 |
| 5 | `#1e5ee7` | `oklch(53.15% 0.2177 262.68)` | Azul | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #f37b22 0.000% 20.000%, #f32ab7 20.000% 40.000%, #7e33e2 40.000% 60.000%, #1adbe5 60.000% 80.000%, #1e5ee7 80.000% 100.000%);
background: linear-gradient(180deg, oklch(70.87% 0.1736 50.63) 0.000% 20.000%, oklch(65.75% 0.2591 344.05) 20.000% 40.000%, oklch(52.76% 0.2425 296.50) 40.000% 60.000%, oklch(81.10% 0.1350 201.39) 60.000% 80.000%, oklch(53.15% 0.2177 262.68) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.174 | 50.6 |
| 2 | 0.657 | 0.259 | -16 |
| 3 | 0.528 | 0.243 | -63.5 |
| 4 | 0.811 | 0.135 | -158.6 |
| 5 | 0.531 | 0.218 | -97.3 |

## In these collections

- [Sequined feather costume](https://grabient.com/sequined-feather-costume)

## Other forms

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