# Amber Monitor palette

The Amber Monitor palette brings together pale orange, orange, and gray. 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 gray, and its lightest tone is pale orange.

- Also called: Monochrome beige to gray radial gradient
- Seed: `kU6hk7XR0_UUTQUviMWg`
- Page: https://grabient.com/kU6hk7XR0_UUTQUviMWg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, muted, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8 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 | `#f0e3cc` | `oklch(92.13% 0.0344 82.97)` | Diamond Ice | black, 16.6 to 1 |
| 2 | `#eee0c6` | `oklch(91.04% 0.0374 82.59)` | Thatched Roof | black, 16 to 1 |
| 3 | `#ebdbbf` | `oklch(89.66% 0.0415 82.02)` | Golden Weave | black, 15.3 to 1 |
| 4 | `#e7d5b6` | `oklch(88.02% 0.0465 81.32)` | Sand Pearl | black, 14.6 to 1 |
| 5 | `#e4cfac` | `oklch(86.18% 0.0521 80.53)` | Melt With You | black, 13.7 to 1 |
| 6 | `#dfc8a1` | `oklch(84.20% 0.0579 79.73)` | Oatmeal Bath | black, 12.8 to 1 |
| 7 | `#dbc096` | `oklch(82.12% 0.0637 78.98)` | Grain Mill | black, 12 to 1 |
| 8 | `#d6b98b` | `oklch(79.99% 0.0691 78.32)` | Splash of Honey | black, 11.1 to 1 |
| 9 | `#d1b281` | `oklch(77.87% 0.0737 77.84)` | Brass Trumpet | black, 10.3 to 1 |
| 10 | `#ccab78` | `oklch(75.80% 0.0773 77.58)` | Burning Gold | black, 9.6 to 1 |
| 11 | `#c6a470` | `oklch(73.85% 0.0795 77.60)` | Mustard Seed Beige | black, 8.9 to 1 |
| 12 | `#c19f6a` | `oklch(72.01% 0.0802 77.89)` | Silence Is Golden | black, 8.4 to 1 |
| 13 | `#ba9965` | `oklch(70.16% 0.0796 78.20)` | Danish Pine | black, 7.8 to 1 |
| 14 | `#b49461` | `oklch(68.30% 0.0780 78.57)` | Gold Ransom | black, 7.3 to 1 |
| 15 | `#ad8e5d` | `oklch(66.44% 0.0756 79.06)` | Alpha Gold | black, 6.8 to 1 |
| 16 | `#a5895a` | `oklch(64.58% 0.0725 79.72)` | Fall Harvest | black, 6.3 to 1 |
| 17 | `#9e8457` | `oklch(62.73% 0.0690 80.60)` | Aztec Brick | black, 5.9 to 1 |
| 18 | `#977f55` | `oklch(60.89% 0.0652 81.77)` | Branching-Out Olive | black, 5.4 to 1 |
| 19 | `#8f7b53` | `oklch(59.07% 0.0614 83.26)` | Safari Trail | black, 5.1 to 1 |
| 20 | `#887650` | `oklch(57.27% 0.0577 85.15)` | Burlap | black, 4.7 to 1 |
| 21 | `#81714e` | `oklch(55.49% 0.0543 87.48)` | Outrigger | white, 4.7 to 1 |
| 22 | `#796d4b` | `oklch(53.75% 0.0514 90.34)` | Go Ben | white, 5.1 to 1 |
| 23 | `#726948` | `oklch(51.93% 0.0485 94.12)` | Austere | white, 5.5 to 1 |
| 24 | `#6a6446` | `oklch(50.04% 0.0454 98.74)` | Urbane | white, 5.9 to 1 |
| 25 | `#625f44` | `oklch(48.13% 0.0421 103.97)` | Hyde Park | white, 6.4 to 1 |
| 26 | `#5a5b41` | `oklch(46.23% 0.0388 109.56)` | Tree of Life | white, 7 to 1 |
| 27 | `#535640` | `oklch(44.38% 0.0356 115.30)` | Freshwater Marsh | white, 7.5 to 1 |
| 28 | `#4c523e` | `oklch(42.63% 0.0326 120.94)` | Kelp | white, 8.1 to 1 |
| 29 | `#464e3c` | `oklch(41.02% 0.0298 126.25)` | Duffel Bag | white, 8.7 to 1 |
| 30 | `#414a3b` | `oklch(39.58% 0.0272 131.01)` | Copper Pyrite Green | white, 9.2 to 1 |
| 31 | `#3e4739` | `oklch(38.36% 0.0251 134.98)` | Arame Seaweed Green | white, 9.7 to 1 |
| 32 | `#3b4438` | `oklch(37.40% 0.0234 137.92)` | Deep Forest | white, 10.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f0e3cc 0.0%, #eee0c6 3.2%, #ebdbbf 6.5%, #e7d5b6 9.7%, #e4cfac 12.9%, #dfc8a1 16.1%, #dbc096 19.4%, #d6b98b 22.6%, #d1b281 25.8%, #ccab78 29.0%, #c6a470 32.3%, #c19f6a 35.5%, #ba9965 38.7%, #b49461 41.9%, #ad8e5d 45.2%, #a5895a 48.4%, #9e8457 51.6%, #977f55 54.8%, #8f7b53 58.1%, #887650 61.3%, #81714e 64.5%, #796d4b 67.7%, #726948 71.0%, #6a6446 74.2%, #625f44 77.4%, #5a5b41 80.6%, #535640 83.9%, #4c523e 87.1%, #464e3c 90.3%, #414a3b 93.5%, #3e4739 96.8%, #3b4438 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.13% 0.0344 82.97) 0.0%, oklch(91.04% 0.0374 82.59) 3.2%, oklch(89.66% 0.0415 82.02) 6.5%, oklch(88.02% 0.0465 81.32) 9.7%, oklch(86.18% 0.0521 80.53) 12.9%, oklch(84.20% 0.0579 79.73) 16.1%, oklch(82.12% 0.0637 78.98) 19.4%, oklch(79.99% 0.0691 78.32) 22.6%, oklch(77.87% 0.0737 77.84) 25.8%, oklch(75.80% 0.0773 77.58) 29.0%, oklch(73.85% 0.0795 77.60) 32.3%, oklch(72.01% 0.0802 77.89) 35.5%, oklch(70.16% 0.0796 78.20) 38.7%, oklch(68.30% 0.0780 78.57) 41.9%, oklch(66.44% 0.0756 79.06) 45.2%, oklch(64.58% 0.0725 79.72) 48.4%, oklch(62.73% 0.0690 80.60) 51.6%, oklch(60.89% 0.0652 81.77) 54.8%, oklch(59.07% 0.0614 83.26) 58.1%, oklch(57.27% 0.0577 85.15) 61.3%, oklch(55.49% 0.0543 87.48) 64.5%, oklch(53.75% 0.0514 90.34) 67.7%, oklch(51.93% 0.0485 94.12) 71.0%, oklch(50.04% 0.0454 98.74) 74.2%, oklch(48.13% 0.0421 103.97) 77.4%, oklch(46.23% 0.0388 109.56) 80.6%, oklch(44.38% 0.0356 115.30) 83.9%, oklch(42.63% 0.0326 120.94) 87.1%, oklch(41.02% 0.0298 126.25) 90.3%, oklch(39.58% 0.0272 131.01) 93.5%, oklch(38.36% 0.0251 134.98) 96.8%, oklch(37.40% 0.0234 137.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.034 | 83 |
| 2 | 0.732 | 0.08 | 77.7 |
| 3 | 0.543 | 0.052 | 89.3 |
| 4 | 0.374 | 0.023 | 137.9 |

## In these collections

- [Lo-fi](https://grabient.com/lo-fi)

## Other forms

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