# Emerald Cinema Rings

Five bands move from soft black through steel blue, deep teal, deep indigo, and finish in pale cream. The separated colors give headings, backgrounds, borders, and small accents clearly defined roles. Use it for formal posters, hospitality graphics, packaging, and polished identity systems when the design needs several coordinated color roles.

- Also called: Black, teal, purple and beige radial swatches
- Seed: `kWNBK4rBK7zycuwmnc18BNRo`
- Page: https://grabient.com/kWNBK4rBK7zycuwmnc18BNRo?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: cool, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 12.5 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 | `#101722` | `oklch(20.47% 0.0248 259.45)` | Kuroi Black | white, 17.9 to 1 |
| 2 | `#173f4d` | `oklch(34.65% 0.0510 224.58)` | Cold and Dark | white, 11.3 to 1 |
| 3 | `#156b61` | `oklch(47.64% 0.0785 183.37)` | Fashion Blue | white, 6.3 to 1 |
| 4 | `#342452` | `oklch(30.31% 0.0813 297.50)` | Stormy Night | white, 13.8 to 1 |
| 5 | `#e7d7b1` | `oklch(88.19% 0.0524 87.55)` | Sunning Deck | black, 14.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #101722 0.000% 20.000%, #173f4d 20.000% 40.000%, #156b61 40.000% 60.000%, #342452 60.000% 80.000%, #e7d7b1 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(20.47% 0.0248 259.45) 0.000% 20.000%, oklch(34.65% 0.0510 224.58) 20.000% 40.000%, oklch(47.64% 0.0785 183.37) 40.000% 60.000%, oklch(30.31% 0.0813 297.50) 60.000% 80.000%, oklch(88.19% 0.0524 87.55) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.025 | 259.5 |
| 2 | 0.346 | 0.051 | 224.6 |
| 3 | 0.476 | 0.079 | 183.4 |
| 4 | 0.303 | 0.081 | 297.5 |
| 5 | 0.882 | 0.052 | 447.6 |

## In these collections

- [Neo deco swatches](https://grabient.com/neo-deco-swatches)

## Other forms

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