# Olive Coral Christmas Wedges

These 4 fan-shaped wedges move through deep brown, olive green, coral red, and dark brown. 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: Tritone brown, green and salmon angular swatches
- Seed: `kUZjwwUTVGtU-s8klUYA`
- Page: https://grabient.com/kUZjwwUTVGtU-s8klUYA?style=angularSwatches&steps=4&angle=45
- Drawn as: angular swatches, 4 steps, 45 degrees
- Kinds: light center, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#653e0a` | `oklch(40.16% 0.0827 67.50)` | Pullman Brown | white, 9.3 to 1 |
| 2 | `#789a22` | `oklch(63.78% 0.1461 124.56)` | Luminescent Green | black, 6.4 to 1 |
| 3 | `#ec6163` | `oklch(66.93% 0.1722 22.06)` | Coral Commander | black, 6.4 to 1 |
| 4 | `#3c2603` | `oklch(28.74% 0.0579 73.84)` | Brown Tumbleweed | white, 14.3 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #653e0a 0.000% 25.000%, #789a22 25.000% 50.000%, #ec6163 50.000% 75.000%, #3c2603 75.000% 100.000%);
background: conic-gradient(from 45deg, oklch(40.16% 0.0827 67.50) 0.000% 25.000%, oklch(63.78% 0.1461 124.56) 25.000% 50.000%, oklch(66.93% 0.1722 22.06) 50.000% 75.000%, oklch(28.74% 0.0579 73.84) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.083 | 67.5 |
| 2 | 0.638 | 0.146 | 124.6 |
| 3 | 0.669 | 0.172 | 22.1 |
| 4 | 0.287 | 0.058 | 73.8 |

## In these collections

- [Christmas swatches](https://grabient.com/christmas-swatches)

## Other forms

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