# Ochre and blue runway flash photography palette

The Ochre and blue runway flash photography palette brings together orange, purple, and blue. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits fashion mood boards and lookbook graphics. Its darkest tone is blue, and its lightest tone is orange.

- Also called: Tritone orange, purple and blue angular swatches
- Seed: `kYumk0Syi87UktQ0wzpwrm_dSQvW`
- Page: https://grabient.com/kYumk0Syi87UktQ0wzpwrm_dSQvW?style=angularSwatches&steps=6&angle=225
- Drawn as: angular swatches, 6 steps, 225 degrees
- Kinds: dark center, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.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 | `#df9827` | `oklch(73.23% 0.1447 73.13)` | Kingpin Gold | black, 8.6 to 1 |
| 2 | `#b2673f` | `oklch(59.06% 0.1116 47.76)` | Khardic | black, 4.9 to 1 |
| 3 | `#613971` | `oklch(41.73% 0.1006 315.83)` | Heartless | white, 8.9 to 1 |
| 4 | `#2739ad` | `oklch(41.34% 0.1846 269.33)` | Yuè Guāng Lán Blue | white, 9.2 to 1 |
| 5 | `#3c63c4` | `oklch(52.36% 0.1585 265.10)` | God of Rain | white, 5.5 to 1 |
| 6 | `#7d97ae` | `oklch(66.54% 0.0455 243.97)` | Dyer’s Woad | black, 6.9 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #df9827 0.000% 16.667%, #b2673f 16.667% 33.333%, #613971 33.333% 50.000%, #2739ad 50.000% 66.667%, #3c63c4 66.667% 83.333%, #7d97ae 83.333% 100.000%);
background: conic-gradient(from 225deg, oklch(73.23% 0.1447 73.13) 0.000% 16.667%, oklch(59.06% 0.1116 47.76) 16.667% 33.333%, oklch(41.73% 0.1006 315.83) 33.333% 50.000%, oklch(41.34% 0.1846 269.33) 50.000% 66.667%, oklch(52.36% 0.1585 265.10) 66.667% 83.333%, oklch(66.54% 0.0455 243.97) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.732 | 0.145 | 73.1 |
| 2 | 0.591 | 0.112 | 47.8 |
| 3 | 0.417 | 0.101 | -44.2 |
| 4 | 0.413 | 0.185 | -90.7 |
| 5 | 0.524 | 0.158 | -94.9 |
| 6 | 0.665 | 0.045 | -116 |

## In these collections

- [Runway flash photography](https://grabient.com/runway-flash-photography)

## Other forms

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