# Champagne, gray and terracotta minimal palette

The Champagne, gray and terracotta minimal palette brings together off-white, light gray, gray, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is off-white.

- Also called: Gray and orange linear swatches
- Seed: `kU7AxCW4U_7ACOtOOr7g`
- Page: https://grabient.com/kU7AxCW4U_7ACOtOOr7g?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark center, neutral
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.2 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 | `#ebe8db` | `oklch(92.91% 0.0165 92.81)` | Enduring Ice | black, 17 to 1 |
| 2 | `#a8a59b` | `oklch(72.05% 0.0138 92.81)` | Foggy Grey | black, 8.4 to 1 |
| 3 | `#44413f` | `oklch(37.80% 0.0055 49.49)` | Scorched Earth | white, 10.1 to 1 |
| 4 | `#d15b2b` | `oklch(61.42% 0.1612 41.03)` | Chilean Fire | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ebe8db 0.000% 25.000%, #a8a59b 25.000% 50.000%, #44413f 50.000% 75.000%, #d15b2b 75.000% 100.000%);
background: linear-gradient(90deg, oklch(92.91% 0.0165 92.81) 0.000% 25.000%, oklch(72.05% 0.0138 92.81) 25.000% 50.000%, oklch(37.80% 0.0055 49.49) 50.000% 75.000%, oklch(61.42% 0.1612 41.03) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.017 | 92.8 |
| 2 | 0.72 | 0.014 | 92.8 |
| 3 | 0.378 | 0.006 | 49.5 |
| 4 | 0.614 | 0.161 | 41 |

## In these collections

- [Minimal color palette](https://grabient.com/minimal-color-palette)

## Other forms

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