# Ochre and coral color palette

The Ochre and coral color palette brings together gold, orange, red, and light magenta. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is gold.

- Also called: Neon duotone orange and pink angular swatches
- Seed: `kU0Hk4Xrk7V1AO5hwD3A`
- Page: https://grabient.com/kU0Hk4Xrk7V1AO5hwD3A?style=angularSwatches&steps=10&angle=75
- Drawn as: angular swatches, 10 steps, 75 degrees
- Kinds: even lightness, vivid, neon, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#fdb416` | `oklch(81.89% 0.1667 78.75)` | Dithered Amber | black, 11.7 to 1 |
| 2 | `#ffa72f` | `oklch(79.72% 0.1609 68.54)` | Eversong Orange | black, 10.8 to 1 |
| 3 | `#ff9445` | `oklch(76.71% 0.1576 53.98)` | Pastel Orange | black, 9.5 to 1 |
| 4 | `#fe855b` | `oklch(74.41% 0.1571 39.65)` | Pink Fire | black, 8.7 to 1 |
| 5 | `#fe7b71` | `oklch(73.37% 0.1621 26.46)` | Hipster Salmon | black, 8.3 to 1 |
| 6 | `#ff7588` | `oklch(73.04% 0.1689 13.50)` | Heatstroke | black, 8.1 to 1 |
| 7 | `#ff729e` | `oklch(73.23% 0.1764 2.66)` | French Pink | black, 8.1 to 1 |
| 8 | `#fe75b2` | `oklch(74.19% 0.1778 354.60)` | Erythrosine | black, 8.4 to 1 |
| 9 | `#ff7cc2` | `oklch(75.68% 0.1770 348.65)` | Pink Plastic Fantastic | black, 8.8 to 1 |
| 10 | `#ff81cd` | `oklch(76.77% 0.1754 344.70)` | Pout Pink | black, 9.2 to 1 |

## CSS

```css
background: conic-gradient(from 75deg, #fdb416 0.000% 10.000%, #ffa72f 10.000% 20.000%, #ff9445 20.000% 30.000%, #fe855b 30.000% 40.000%, #fe7b71 40.000% 50.000%, #ff7588 50.000% 60.000%, #ff729e 60.000% 70.000%, #fe75b2 70.000% 80.000%, #ff7cc2 80.000% 90.000%, #ff81cd 90.000% 100.000%);
background: conic-gradient(from 75deg, oklch(81.89% 0.1667 78.75) 0.000% 10.000%, oklch(79.72% 0.1609 68.54) 10.000% 20.000%, oklch(76.71% 0.1576 53.98) 20.000% 30.000%, oklch(74.41% 0.1571 39.65) 30.000% 40.000%, oklch(73.37% 0.1621 26.46) 40.000% 50.000%, oklch(73.04% 0.1689 13.50) 50.000% 60.000%, oklch(73.23% 0.1764 2.66) 60.000% 70.000%, oklch(74.19% 0.1778 354.60) 70.000% 80.000%, oklch(75.68% 0.1770 348.65) 80.000% 90.000%, oklch(76.77% 0.1754 344.70) 90.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.167 | 78.8 |
| 2 | 0.744 | 0.157 | 39.7 |
| 3 | 0.732 | 0.176 | 2.7 |
| 4 | 0.768 | 0.176 | -15.3 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)
- [Sunrise swatches](https://grabient.com/sunrise-swatches)
- [Coral color palette](https://grabient.com/coral-color-palette)

## Other forms

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