# Carnival Feather Color Shards

Five angular wedges combine copper, teal, plum, hot pink, and near-black. Their hard boundaries create the fractured flash of sequins and dyed feathers under stage lighting, while the dark wedge prevents the saturated colors from becoming weightless. It works well for carnival badges, costume labels, dramatic frames, and energetic event graphics.

- Also called: Rainbow from brown to black angular swatches
- Seed: `kWj1EiySHRbUvzxLyEOmwg24`
- Page: https://grabient.com/kWj1EiySHRbUvzxLyEOmwg24?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: vivid, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#a95f35` | `oklch(56.30% 0.1116 48.52)` | Earthen Jug | white, 4.7 to 1 |
| 2 | `#1a898b` | `oklch(57.48% 0.0923 196.46)` | Industrial Blue | black, 5 to 1 |
| 3 | `#6e2d73` | `oklch(41.73% 0.1309 324.33)` | Galactic Grapevine | white, 9.1 to 1 |
| 4 | `#d23982` | `oklch(59.45% 0.1984 356.03)` | Pink Yarrow | black, 4.6 to 1 |
| 5 | `#171823` | `oklch(21.26% 0.0220 279.94)` | River Styx | white, 17.6 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #a95f35 0.000% 20.000%, #1a898b 20.000% 40.000%, #6e2d73 40.000% 60.000%, #d23982 60.000% 80.000%, #171823 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(56.30% 0.1116 48.52) 0.000% 20.000%, oklch(57.48% 0.0923 196.46) 20.000% 40.000%, oklch(41.73% 0.1309 324.33) 40.000% 60.000%, oklch(59.45% 0.1984 356.03) 60.000% 80.000%, oklch(21.26% 0.0220 279.94) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.563 | 0.112 | 48.5 |
| 2 | 0.575 | 0.092 | 196.5 |
| 3 | 0.417 | 0.131 | 324.3 |
| 4 | 0.594 | 0.198 | 356 |
| 5 | 0.213 | 0.022 | 279.9 |

## In these collections

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

## Other forms

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