# Jewel Feather Color Strip

Five vertical bands set near-black beside antique gold, emerald, ruby, and warm ivory. The dark and pale endpoints frame the jewel tones like sequins against costume fabric, while the clean stripe rhythm suits feather trims, parade banners, theatrical title cards, packaging accents, and other ornate layouts that need controlled sparkle.

- Also called: Black, teal, red and beige linear swatches
- Seed: `kWLwi537Mrb4hSc-PC3dA9Hw`
- Page: https://grabient.com/kWLwi537Mrb4hSc-PC3dA9Hw?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 14.4 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 | `#101318` | `oklch(18.50% 0.0110 260.86)` | Black Is Back | white, 18.6 to 1 |
| 2 | `#d4a82d` | `oklch(75.20% 0.1406 87.55)` | Galliano | black, 9.4 to 1 |
| 3 | `#107059` | `oklch(48.82% 0.0909 171.04)` | Teal Dark Green | white, 6 to 1 |
| 4 | `#a9273b` | `oklch(48.82% 0.1654 17.81)` | Pompeian Red | white, 6.9 to 1 |
| 5 | `#efe1c4` | `oklch(91.34% 0.0413 84.38)` | Champagne Bliss | black, 16.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #101318 0.000% 20.000%, #d4a82d 20.000% 40.000%, #107059 40.000% 60.000%, #a9273b 60.000% 80.000%, #efe1c4 80.000% 100.000%);
background: linear-gradient(90deg, oklch(18.50% 0.0110 260.86) 0.000% 20.000%, oklch(75.20% 0.1406 87.55) 20.000% 40.000%, oklch(48.82% 0.0909 171.04) 40.000% 60.000%, oklch(48.82% 0.1654 17.81) 60.000% 80.000%, oklch(91.34% 0.0413 84.38) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.011 | 260.9 |
| 2 | 0.752 | 0.141 | 87.6 |
| 3 | 0.488 | 0.091 | 171 |
| 4 | 0.488 | 0.165 | 17.8 |
| 5 | 0.913 | 0.041 | 84.4 |

## In these collections

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

## Other forms

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