# Ochre, magenta and teal sequined feather costume

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

- Also called: Rainbow from yellow to teal angular swatches
- Seed: `kY23FHXT05EvKOo9zbowjc6tokto`
- Page: https://grabient.com/kY23FHXT05EvKOo9zbowjc6tokto?style=angularSwatches&steps=6&angle=45
- Drawn as: angular swatches, 6 steps, 45 degrees
- Kinds: dark center, vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 4.7 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 | `#ead347` | `oklch(86.22% 0.1557 99.84)` | Aurora | black, 13.9 to 1 |
| 2 | `#fe7f4b` | `oklch(73.23% 0.1681 41.72)` | Mythical Orange | black, 8.3 to 1 |
| 3 | `#d53682` | `oklch(59.45% 0.2039 356.28)` | Highlighter Lilac | black, 4.6 to 1 |
| 4 | `#8027b9` | `oklch(48.43% 0.2136 307.67)` | Pheromone Purple | white, 7.2 to 1 |
| 5 | `#3963bf` | `oklch(51.97% 0.1516 263.29)` | Blue Streak | white, 5.6 to 1 |
| 6 | `#49b5a8` | `oklch(70.87% 0.1006 184.03)` | Sacred Turquoise | black, 8.5 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #ead347 0.000% 16.667%, #fe7f4b 16.667% 33.333%, #d53682 33.333% 50.000%, #8027b9 50.000% 66.667%, #3963bf 66.667% 83.333%, #49b5a8 83.333% 100.000%);
background: conic-gradient(from 45deg, oklch(86.22% 0.1557 99.84) 0.000% 16.667%, oklch(73.23% 0.1681 41.72) 16.667% 33.333%, oklch(59.45% 0.2039 356.28) 33.333% 50.000%, oklch(48.43% 0.2136 307.67) 50.000% 66.667%, oklch(51.97% 0.1516 263.29) 66.667% 83.333%, oklch(70.87% 0.1006 184.03) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.862 | 0.156 | 99.8 |
| 2 | 0.732 | 0.168 | 41.7 |
| 3 | 0.594 | 0.204 | -3.7 |
| 4 | 0.484 | 0.214 | -52.3 |
| 5 | 0.52 | 0.152 | -96.7 |
| 6 | 0.709 | 0.101 | -176 |

## In these collections

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

## Other forms

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