# Champagne, turquoise and bronze natural palette

The Champagne, turquoise and bronze natural palette brings together pale orange, green, blue, orange, and dark orange. The colors span a broad lightness range, combining moderate color with clear 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: Beige, green, blue and brown linear swatches
- Seed: `kW5xk625tF1AdS1CJisI5e_A`
- Page: https://grabient.com/kW5xk625tF1AdS1CJisI5e_A?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.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 | `#eddfc8` | `oklch(90.94% 0.0344 82.27)` | New Harvest Moon | black, 16 to 1 |
| 2 | `#94af7e` | `oklch(72.05% 0.0744 131.93)` | Forest Shade | black, 8.6 to 1 |
| 3 | `#5193af` | `oklch(62.99% 0.0799 228.10)` | Jet Ski | black, 6.1 to 1 |
| 4 | `#97552a` | `oklch(51.97% 0.1047 51.62)` | Ethiopian Wolf | white, 5.7 to 1 |
| 5 | `#421c0b` | `oklch(27.95% 0.0648 44.22)` | Délicieux au Chocolat | white, 14.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #eddfc8 0.000% 20.000%, #94af7e 20.000% 40.000%, #5193af 40.000% 60.000%, #97552a 60.000% 80.000%, #421c0b 80.000% 100.000%);
background: linear-gradient(90deg, oklch(90.94% 0.0344 82.27) 0.000% 20.000%, oklch(72.05% 0.0744 131.93) 20.000% 40.000%, oklch(62.99% 0.0799 228.10) 40.000% 60.000%, oklch(51.97% 0.1047 51.62) 60.000% 80.000%, oklch(27.95% 0.0648 44.22) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.034 | 82.3 |
| 2 | 0.72 | 0.074 | 131.9 |
| 3 | 0.63 | 0.08 | 228.1 |
| 4 | 0.52 | 0.105 | 51.6 |
| 5 | 0.28 | 0.065 | 44.2 |

## In these collections

- [Natural swatches](https://grabient.com/natural-swatches)

## Other forms

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