# Red Ochre Poster Facets

The Champagne and dusty blue color palette brings together pale orange, red, gold, blue, and dark gray. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits editorial layouts and period-inspired packaging. Its darkest tone is dark gray, and its lightest tone is pale orange.

- Also called: Gray, yellow, blue and black angular swatches
- Seed: `kW7RQ7yse5ea5Rw_K9MIQTAw`
- Page: https://grabient.com/kW7RQ7yse5ea5Rw_K9MIQTAw?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 12.7 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 | `#f2e8d5` | `oklch(93.31% 0.0276 83.67)` | Eugenia | black, 17.2 to 1 |
| 2 | `#d83a2f` | `oklch(58.66% 0.1970 28.72)` | Poinciana | white, 4.5 to 1 |
| 3 | `#e9b924` | `oklch(80.71% 0.1571 88.96)` | Pattypan | black, 11.4 to 1 |
| 4 | `#2265a3` | `oklch(49.61% 0.1199 250.64)` | Distant Blue | white, 6 to 1 |
| 5 | `#20242a` | `oklch(25.98% 0.0124 258.04)` | Dark Gunmetal | white, 15.5 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #f2e8d5 0.000% 20.000%, #d83a2f 20.000% 40.000%, #e9b924 40.000% 60.000%, #2265a3 60.000% 80.000%, #20242a 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(93.31% 0.0276 83.67) 0.000% 20.000%, oklch(58.66% 0.1970 28.72) 20.000% 40.000%, oklch(80.71% 0.1571 88.96) 40.000% 60.000%, oklch(49.61% 0.1199 250.64) 60.000% 80.000%, oklch(25.98% 0.0124 258.04) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.028 | 83.7 |
| 2 | 0.587 | 0.197 | 28.7 |
| 3 | 0.807 | 0.157 | 89 |
| 4 | 0.496 | 0.12 | 250.6 |
| 5 | 0.26 | 0.012 | 258 |

## In these collections

- [Bold swatches](https://grabient.com/bold-swatches)
- [Retro swatches](https://grabient.com/retro-swatches)

## Other forms

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