# Gold, dusty blue and gray tetradic palette

The Gold, dusty blue and gray tetradic palette brings together light orange, orange, red, blue, and green. 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: Peach, blue, mauve and brown radial gradient
- Seed: `ka30Y3ZDS9dMbve9lK_RqRMsyowrPDEsg`
- Page: https://grabient.com/ka30Y3ZDS9dMbve9lK_RqRMsyowrPDEsg?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: dark center, warm
- Hues: analogous
- 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 | `#fbcf8d` | `oklch(87.80% 0.0965 77.34)` | Puff Pastry Yellow | black, 14.4 to 1 |
| 2 | `#fcc984` | `oklch(86.68% 0.1045 74.52)` | Torchlight | black, 13.8 to 1 |
| 3 | `#ffc175` | `oklch(85.15% 0.1170 70.51)` | Bronze Blush | black, 13.1 to 1 |
| 4 | `#ffb76d` | `oklch(83.30% 0.1235 65.86)` | Mango Creamsicles | black, 12.2 to 1 |
| 5 | `#ffad63` | `oklch(81.26% 0.1320 61.12)` | Dreamy Sunset | black, 11.3 to 1 |
| 6 | `#ffa158` | `oklch(79.10% 0.1425 56.84)` | Off-The-Leash Orange | black, 10.5 to 1 |
| 7 | `#f79a56` | `oklch(76.87% 0.1397 54.54)` | Fading Torch | black, 9.7 to 1 |
| 8 | `#e99559` | `oklch(74.45% 0.1269 54.75)` | Sabre-Toothed Tiger | black, 8.9 to 1 |
| 9 | `#d9915f` | `oklch(71.88% 0.1101 54.81)` | Persian Orange | black, 8.1 to 1 |
| 10 | `#ca8b65` | `oklch(69.17% 0.0929 52.04)` | Escalope | black, 7.4 to 1 |
| 11 | `#bd846b` | `oklch(66.33% 0.0791 43.75)` | Clay Ground | black, 6.6 to 1 |
| 12 | `#b17974` | `oklch(63.17% 0.0704 25.79)` | Earth Rose | black, 5.8 to 1 |
| 13 | `#9d6e80` | `oklch(59.31% 0.0637 355.56)` | Meadow Flower | black, 5 to 1 |
| 14 | `#826788` | `oklch(55.28% 0.0588 320.42)` | Sunshone Plum | white, 4.9 to 1 |
| 15 | `#666387` | `oklch(51.69% 0.0561 288.28)` | Twilight Purple | white, 5.6 to 1 |
| 16 | `#526081` | `oklch(49.13% 0.0557 267.04)` | Sapphire Earbobs | white, 6.2 to 1 |
| 17 | `#4d5e80` | `oklch(48.17% 0.0583 264.13)` | Bijou Blue | white, 6.5 to 1 |
| 18 | `#585c85` | `oklch(48.80% 0.0653 278.96)` | Karmic Grape | white, 6.4 to 1 |
| 19 | `#6e5987` | `oklch(50.45% 0.0750 304.51)` | Mystical | white, 6 to 1 |
| 20 | `#88577f` | `oklch(52.55% 0.0855 333.65)` | Dynamic Magenta | white, 5.6 to 1 |
| 21 | `#9c586f` | `oklch(54.54% 0.0947 359.23)` | Mulberry Mix | white, 5.2 to 1 |
| 22 | `#a75a61` | `oklch(55.89% 0.1010 14.51)` | Ruby Petals | white, 4.9 to 1 |
| 23 | `#ad5c5c` | `oklch(56.97% 0.1068 21.00)` | Italian Villa | white, 4.7 to 1 |
| 24 | `#b35d5a` | `oklch(57.96% 0.1120 22.99)` | Pottery Red | black, 4.6 to 1 |
| 25 | `#b75f5b` | `oklch(58.86% 0.1152 23.89)` | Wild Poppy | black, 4.8 to 1 |
| 26 | `#ba6259` | `oklch(59.66% 0.1151 27.11)` | Electric Brown | black, 4.9 to 1 |
| 27 | `#b96751` | `oklch(60.34% 0.1104 36.05)` | Autumn Ivy | black, 5.1 to 1 |
| 28 | `#b17148` | `oklch(60.91% 0.0985 52.51)` | Burnt Almond | black, 5.3 to 1 |
| 29 | `#a27d4b` | `oklch(61.36% 0.0811 73.68)` | Cognac Tint | black, 5.5 to 1 |
| 30 | `#90865a` | `oklch(61.71% 0.0619 95.92)` | Dash of Oregano | black, 5.7 to 1 |
| 31 | `#858a6b` | `oklch(61.99% 0.0447 115.62)` | Bitter | black, 5.8 to 1 |
| 32 | `#808b76` | `oklch(62.20% 0.0331 129.12)` | Amazon Moss | black, 5.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fbcf8d 0.0%, #fcc984 3.2%, #ffc175 6.5%, #ffb76d 9.7%, #ffad63 12.9%, #ffa158 16.1%, #f79a56 19.4%, #e99559 22.6%, #d9915f 25.8%, #ca8b65 29.0%, #bd846b 32.3%, #b17974 35.5%, #9d6e80 38.7%, #826788 41.9%, #666387 45.2%, #526081 48.4%, #4d5e80 51.6%, #585c85 54.8%, #6e5987 58.1%, #88577f 61.3%, #9c586f 64.5%, #a75a61 67.7%, #ad5c5c 71.0%, #b35d5a 74.2%, #b75f5b 77.4%, #ba6259 80.6%, #b96751 83.9%, #b17148 87.1%, #a27d4b 90.3%, #90865a 93.5%, #858a6b 96.8%, #808b76 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.80% 0.0965 77.34) 0.0%, oklch(86.68% 0.1045 74.52) 3.2%, oklch(85.15% 0.1170 70.51) 6.5%, oklch(83.30% 0.1235 65.86) 9.7%, oklch(81.26% 0.1320 61.12) 12.9%, oklch(79.10% 0.1425 56.84) 16.1%, oklch(76.87% 0.1397 54.54) 19.4%, oklch(74.45% 0.1269 54.75) 22.6%, oklch(71.88% 0.1101 54.81) 25.8%, oklch(69.17% 0.0929 52.04) 29.0%, oklch(66.33% 0.0791 43.75) 32.3%, oklch(63.17% 0.0704 25.79) 35.5%, oklch(59.31% 0.0637 355.56) 38.7%, oklch(55.28% 0.0588 320.42) 41.9%, oklch(51.69% 0.0561 288.28) 45.2%, oklch(49.13% 0.0557 267.04) 48.4%, oklch(48.17% 0.0583 264.13) 51.6%, oklch(48.80% 0.0653 278.96) 54.8%, oklch(50.45% 0.0750 304.51) 58.1%, oklch(52.55% 0.0855 333.65) 61.3%, oklch(54.54% 0.0947 359.23) 64.5%, oklch(55.89% 0.1010 14.51) 67.7%, oklch(56.97% 0.1068 21.00) 71.0%, oklch(57.96% 0.1120 22.99) 74.2%, oklch(58.86% 0.1152 23.89) 77.4%, oklch(59.66% 0.1151 27.11) 80.6%, oklch(60.34% 0.1104 36.05) 83.9%, oklch(60.91% 0.0985 52.51) 87.1%, oklch(61.36% 0.0811 73.68) 90.3%, oklch(61.71% 0.0619 95.92) 93.5%, oklch(61.99% 0.0447 115.62) 96.8%, oklch(62.20% 0.0331 129.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.096 | 77.3 |
| 2 | 0.787 | 0.145 | 56.2 |
| 3 | 0.654 | 0.076 | 39.3 |
| 4 | 0.484 | 0.056 | -97 |
| 5 | 0.555 | 0.099 | 10.8 |
| 6 | 0.602 | 0.112 | 34 |
| 7 | 0.622 | 0.033 | 129.1 |

## In these collections

- [Tetradic color palette](https://grabient.com/tetradic-color-palette)

## Other forms

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