# Rose and blue sequined feather costume palette

This palette moves from magenta to blue. It steadily darkens across a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits fashion mood boards and lookbook graphics, especially compositions that need closely related light and dark areas.

- Also called: Vivid analogous pink and blue linear swatches
- Seed: `kSp6z2z8K07jSQ2`
- Page: https://grabient.com/kSp6z2z8K07jSQ2?style=linearSwatches&steps=3&angle=135
- Drawn as: linear swatches, 3 steps, 135 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2.3 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 | `#1e88f2` | `oklch(62.60% 0.1833 253.65)` | Pool Water | black, 5.8 to 1 |
| 3 | `#4e28c9` | `oklch(44.49% 0.2260 283.24)` | Blue Purple | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ef3cae 0.000% 33.333%, #1e88f2 33.333% 66.667%, #4e28c9 66.667% 100.000%);
background: linear-gradient(135deg, oklch(65.75% 0.2370 346.64) 0.000% 33.333%, oklch(62.60% 0.1833 253.65) 33.333% 66.667%, oklch(44.49% 0.2260 283.24) 66.667% 100.000%);
```

## Keyframes

3 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.626 | 0.183 | 253.6 |
| 3 | 0.445 | 0.226 | 283.2 |

## In these collections

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

## Other forms

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