# Ochre Coral Sunset Wedges

These 5 fan-shaped wedges move through deep brown, ochre, muted tan, dusty rose, and coral. The separated colors provide clear roles for backgrounds, headings, borders, icons, and small accents while preserving the collection's visual character. Use them for posters, packaging, editorial layouts, presentation graphics, or interface elements that need a coordinated palette with practical contrast.

- Also called: Analogous brown and salmon angular swatches
- Seed: `kWREIYQKbD0oXQFLMTb4q5FA`
- Page: https://grabient.com/kWREIYQKbD0oXQFLMTb4q5FA?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.3 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 | `#480e03` | `oklch(26.77% 0.0909 33.75)` | Lonely Chocolate | white, 15.6 to 1 |
| 2 | `#8d5711` | `oklch(50.79% 0.1061 66.51)` | Grizzly | white, 5.9 to 1 |
| 3 | `#947551` | `oklch(58.27% 0.0634 69.68)` | Lonely Road | black, 4.9 to 1 |
| 4 | `#b95783` | `oklch(59.06% 0.1350 353.59)` | Berry Boost | black, 4.7 to 1 |
| 5 | `#fb987b` | `oklch(77.56% 0.1268 36.92)` | Pouring Copper | black, 9.8 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #480e03 0.000% 20.000%, #8d5711 20.000% 40.000%, #947551 40.000% 60.000%, #b95783 60.000% 80.000%, #fb987b 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(26.77% 0.0909 33.75) 0.000% 20.000%, oklch(50.79% 0.1061 66.51) 20.000% 40.000%, oklch(58.27% 0.0634 69.68) 40.000% 60.000%, oklch(59.06% 0.1350 353.59) 60.000% 80.000%, oklch(77.56% 0.1268 36.92) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.091 | 33.8 |
| 2 | 0.508 | 0.106 | 66.5 |
| 3 | 0.583 | 0.063 | 69.7 |
| 4 | 0.591 | 0.135 | -6.4 |
| 5 | 0.776 | 0.127 | 36.9 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)

## Other forms

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