# Ochre, plum and turquoise steel pan poster

The Ochre, plum and turquoise steel pan poster brings together gold, orange, red, dark blue, blue, and teal. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is dark blue, and its lightest tone is gold.

- Also called: Brown, maroon, navy and teal linear swatches
- Seed: `kYp103v7C8Comu4iqrYMiw8ckduq`
- Page: https://grabient.com/kYp103v7C8Comu4iqrYMiw8ckduq?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center, vivid
- Hues: split-complementary
- 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 | `#bc861e` | `oklch(65.75% 0.1281 78.05)` | Fig Mustard Yellow | black, 6.5 to 1 |
| 2 | `#9e4510` | `oklch(50.00% 0.1337 45.29)` | Powdered Coffee | white, 6.3 to 1 |
| 3 | `#5f162b` | `oklch(33.07% 0.1061 8.30)` | Brown Chocolate | white, 12.8 to 1 |
| 4 | `#25165c` | `oklch(27.17% 0.1171 284.82)` | Voldemort | white, 15.5 to 1 |
| 5 | `#0b4585` | `oklch(39.37% 0.1213 255.23)` | Bridgeport | white, 9.5 to 1 |
| 6 | `#338694` | `oklch(57.48% 0.0813 210.85)` | Precious Stone | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bc861e 0.000% 16.667%, #9e4510 16.667% 33.333%, #5f162b 33.333% 50.000%, #25165c 50.000% 66.667%, #0b4585 66.667% 83.333%, #338694 83.333% 100.000%);
background: linear-gradient(90deg, oklch(65.75% 0.1281 78.05) 0.000% 16.667%, oklch(50.00% 0.1337 45.29) 16.667% 33.333%, oklch(33.07% 0.1061 8.30) 33.333% 50.000%, oklch(27.17% 0.1171 284.82) 50.000% 66.667%, oklch(39.37% 0.1213 255.23) 66.667% 83.333%, oklch(57.48% 0.0813 210.85) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.128 | 78 |
| 2 | 0.5 | 0.134 | 45.3 |
| 3 | 0.331 | 0.106 | 8.3 |
| 4 | 0.272 | 0.117 | -75.2 |
| 5 | 0.394 | 0.121 | -104.8 |
| 6 | 0.575 | 0.081 | -149.2 |

## In these collections

- [Steel pan poster](https://grabient.com/steel-pan-poster)

## Other forms

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