# Champagne and terracotta thanksgiving palette

The Champagne and terracotta thanksgiving palette brings together pale orange, gold, orange, and dark orange. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark orange, and its lightest tone is pale orange.

- Also called: Monochrome off-white and brown angular swatches
- Seed: `kW7xI-4xs_M6Zvk9Lz2HpY_I`
- Page: https://grabient.com/kW7xI-4xs_M6Zvk9Lz2HpY_I?style=angularSwatches&steps=5
- Drawn as: angular swatches, 5 steps, 90 degrees
- Kinds: light to dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 14 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 | `#f2ebd9` | `oklch(94.09% 0.0248 87.89)` | Orchid White | black, 17.6 to 1 |
| 2 | `#cfb380` | `oklch(77.95% 0.0744 81.55)` | Brass Trumpet | black, 10.4 to 1 |
| 3 | `#a27e57` | `oklch(61.81% 0.0703 67.81)` | Cinnamon Crunch | black, 5.6 to 1 |
| 4 | `#964103` | `oklch(48.03% 0.1295 47.73)` | Roux | white, 6.8 to 1 |
| 5 | `#361306` | `oklch(24.02% 0.0606 41.39)` | Chocolate Melange | white, 16.7 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #f2ebd9 0.000% 20.000%, #cfb380 20.000% 40.000%, #a27e57 40.000% 60.000%, #964103 60.000% 80.000%, #361306 80.000% 100.000%);
background: conic-gradient(from 90deg, oklch(94.09% 0.0248 87.89) 0.000% 20.000%, oklch(77.95% 0.0744 81.55) 20.000% 40.000%, oklch(61.81% 0.0703 67.81) 40.000% 60.000%, oklch(48.03% 0.1295 47.73) 60.000% 80.000%, oklch(24.02% 0.0606 41.39) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.025 | 87.9 |
| 2 | 0.78 | 0.074 | 81.6 |
| 3 | 0.618 | 0.07 | 67.8 |
| 4 | 0.48 | 0.13 | 47.7 |
| 5 | 0.24 | 0.061 | 41.4 |

## In these collections

- [Thanksgiving swatches](https://grabient.com/thanksgiving-swatches)

## Other forms

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