# Rose and blue sequined feather costume palette

The Rose and blue sequined feather costume palette brings together magenta, teal, blue, and purple. 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 blue, and its lightest tone is teal.

- Also called: Vivid pink, cyan, purple and blue angular swatches
- Seed: `kWp6z25jAuU_CxpG28VuNI94`
- Page: https://grabient.com/kWp6z25jAuU_CxpG28VuNI94?style=angularSwatches&steps=5&angle=135
- Drawn as: angular swatches, 5 steps, 135 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 4.8 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 | `#ef3cae` | `oklch(65.75% 0.2370 346.64)` | Pink Bite | black, 5.9 to 1 |
| 2 | `#21d8dd` | `oklch(80.31% 0.1323 197.64)` | Aztec Turquoise | black, 11.9 to 1 |
| 3 | `#1e88f2` | `oklch(62.60% 0.1833 253.65)` | Pool Water | black, 5.8 to 1 |
| 4 | `#8e35ec` | `oklch(55.51% 0.2522 300.14)` | Bright Blue Violet | white, 5.4 to 1 |
| 5 | `#4e28c9` | `oklch(44.49% 0.2260 283.24)` | Blue Purple | white, 8.5 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #ef3cae 0.000% 20.000%, #21d8dd 20.000% 40.000%, #1e88f2 40.000% 60.000%, #8e35ec 60.000% 80.000%, #4e28c9 80.000% 100.000%);
background: conic-gradient(from 135deg, oklch(65.75% 0.2370 346.64) 0.000% 20.000%, oklch(80.31% 0.1323 197.64) 20.000% 40.000%, oklch(62.60% 0.1833 253.65) 40.000% 60.000%, oklch(55.51% 0.2522 300.14) 60.000% 80.000%, oklch(44.49% 0.2260 283.24) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.237 | 346.6 |
| 2 | 0.803 | 0.132 | 197.6 |
| 3 | 0.626 | 0.183 | 253.6 |
| 4 | 0.555 | 0.252 | 300.1 |
| 5 | 0.445 | 0.226 | 283.2 |

## In these collections

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

## Other forms

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