# Gold, terracotta and turquoise natural palette

The Gold, terracotta and turquoise natural palette brings together light orange, orange, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Gray, tan and blue radial swatches
- Seed: `kW3hI13BW9scePlXj6qvBNBQ`
- Page: https://grabient.com/kW3hI13BW9scePlXj6qvBNBQ?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.5 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 | `#dfd4c4` | `oklch(87.40% 0.0248 75.23)` | Wheat Sheaf | black, 14.3 to 1 |
| 2 | `#c49d82` | `oklch(72.44% 0.0593 56.21)` | Retributor Armour Metal | black, 8.4 to 1 |
| 3 | `#9d644d` | `oklch(55.91% 0.0827 42.48)` | Tuscan Rooftops | white, 4.8 to 1 |
| 4 | `#7fa1ae` | `oklch(68.90% 0.0427 222.83)` | Lake Winnipeg | black, 7.6 to 1 |
| 5 | `#3d6175` | `oklch(47.24% 0.0524 234.45)` | The Fang Grey | white, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #dfd4c4 0.000% 20.000%, #c49d82 20.000% 40.000%, #9d644d 40.000% 60.000%, #7fa1ae 60.000% 80.000%, #3d6175 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(87.40% 0.0248 75.23) 0.000% 20.000%, oklch(72.44% 0.0593 56.21) 20.000% 40.000%, oklch(55.91% 0.0827 42.48) 40.000% 60.000%, oklch(68.90% 0.0427 222.83) 60.000% 80.000%, oklch(47.24% 0.0524 234.45) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.025 | 75.2 |
| 2 | 0.724 | 0.059 | 56.2 |
| 3 | 0.559 | 0.083 | 42.5 |
| 4 | 0.689 | 0.043 | -137.2 |
| 5 | 0.472 | 0.052 | -125.5 |

## In these collections

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

## Other forms

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