# Coconut grove golden dusk

Monochrome black to tan radial gradient with 32 colors: #1b0800, #1e0900, #230b00, #290e00, #2f1100, #371300, #3f1700, #471b02, #4f1f05, #572408, #5f290c, #672e0e, #6f3310, #773a11, #7f4011, #884710, #904f0f, #98570e, #9f5f0f, #a56713, #ab7019, #b17822, #b6822d, #ba8b3a, #bf9547, #c39f55, #c7a862, #cab16f, #ceb97c, #d1c086, #d4c68f, #d7cb96. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome black to tan radial gradient
- Seed: `kUKSQnLaC-02rwxqmcLg`
- Page: https://grabient.com/kUKSQnLaC-02rwxqmcLg?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.9 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 | `#1b0800` | `oklch(16.15% 0.0408 53.40)` | Soy Sauce | white, 19.4 to 1 |
| 2 | `#1e0900` | `oklch(17.26% 0.0438 52.96)` | Soy Sauce | white, 19.1 to 1 |
| 3 | `#230b00` | `oklch(18.64% 0.0479 52.12)` | Severely Burnt Toast | white, 18.7 to 1 |
| 4 | `#290e00` | `oklch(20.26% 0.0528 50.98)` | Root Brew | white, 18.1 to 1 |
| 5 | `#2f1100` | `oklch(22.08% 0.0587 49.64)` | Shadow Play | white, 17.4 to 1 |
| 6 | `#371300` | `oklch(24.07% 0.0653 48.25)` | Chocolate Melange | white, 16.6 to 1 |
| 7 | `#3f1700` | `oklch(26.18% 0.0715 47.27)` | Bath in Chocolate | white, 15.7 to 1 |
| 8 | `#471b02` | `oklch(28.37% 0.0760 46.08)` | Barbecue Sauce | white, 14.7 to 1 |
| 9 | `#4f1f05` | `oklch(30.62% 0.0804 45.24)` | Evil Cigar | white, 13.7 to 1 |
| 10 | `#572408` | `oklch(32.87% 0.0846 44.87)` | Conker Brown | white, 12.6 to 1 |
| 11 | `#5f290c` | `oklch(35.10% 0.0884 45.10)` | Hot Fudge | white, 11.6 to 1 |
| 12 | `#672e0e` | `oklch(37.30% 0.0920 46.03)` | Cold Press Coffee | white, 10.6 to 1 |
| 13 | `#6f3310` | `oklch(39.60% 0.0959 47.57)` | Cold Press Coffee | white, 9.7 to 1 |
| 14 | `#773a11` | `oklch(42.00% 0.1000 49.62)` | Kara Cha Brown | white, 8.7 to 1 |
| 15 | `#7f4011` | `oklch(44.46% 0.1043 52.10)` | Hazelnut Chocolate | white, 7.9 to 1 |
| 16 | `#884710` | `oklch(46.96% 0.1084 54.88)` | Beef Noodle Broth | white, 7.1 to 1 |
| 17 | `#904f0f` | `oklch(49.50% 0.1122 57.88)` | Plain Old Brown | white, 6.3 to 1 |
| 18 | `#98570e` | `oklch(52.03% 0.1154 61.00)` | Charlie Brown | white, 5.6 to 1 |
| 19 | `#9f5f0f` | `oklch(54.55% 0.1180 64.12)` | Soft Tone Ink | white, 5.1 to 1 |
| 20 | `#a56713` | `oklch(57.03% 0.1196 67.16)` | Syrah Soil | white, 4.5 to 1 |
| 21 | `#ab7019` | `oklch(59.45% 0.1202 70.01)` | Caramel | black, 5 to 1 |
| 22 | `#b17822` | `oklch(61.81% 0.1195 72.60)` | Weapon Bronze | black, 5.5 to 1 |
| 23 | `#b6822d` | `oklch(64.25% 0.1170 75.26)` | Nouveau Green | black, 6.1 to 1 |
| 24 | `#ba8b3a` | `oklch(66.79% 0.1131 78.05)` | Treasures | black, 6.8 to 1 |
| 25 | `#bf9547` | `oklch(69.37% 0.1080 80.91)` | Narcissus | black, 7.6 to 1 |
| 26 | `#c39f55` | `oklch(71.93% 0.1022 83.76)` | Camel | black, 8.3 to 1 |
| 27 | `#c7a862` | `oklch(74.42% 0.0959 86.54)` | Laser | black, 9.2 to 1 |
| 28 | `#cab16f` | `oklch(76.79% 0.0895 89.19)` | Putty | black, 10 to 1 |
| 29 | `#ceb97c` | `oklch(78.97% 0.0834 91.64)` | Further Afield | black, 10.8 to 1 |
| 30 | `#d1c086` | `oklch(80.91% 0.0780 93.82)` | Dry Leaf | black, 11.6 to 1 |
| 31 | `#d4c68f` | `oklch(82.56% 0.0735 95.67)` | Golden Mist | black, 12.3 to 1 |
| 32 | `#d7cb96` | `oklch(83.86% 0.0703 97.11)` | Artichoke Mist | black, 12.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1b0800 0.0%, #1e0900 3.2%, #230b00 6.5%, #290e00 9.7%, #2f1100 12.9%, #371300 16.1%, #3f1700 19.4%, #471b02 22.6%, #4f1f05 25.8%, #572408 29.0%, #5f290c 32.3%, #672e0e 35.5%, #6f3310 38.7%, #773a11 41.9%, #7f4011 45.2%, #884710 48.4%, #904f0f 51.6%, #98570e 54.8%, #9f5f0f 58.1%, #a56713 61.3%, #ab7019 64.5%, #b17822 67.7%, #b6822d 71.0%, #ba8b3a 74.2%, #bf9547 77.4%, #c39f55 80.6%, #c7a862 83.9%, #cab16f 87.1%, #ceb97c 90.3%, #d1c086 93.5%, #d4c68f 96.8%, #d7cb96 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(16.15% 0.0408 53.40) 0.0%, oklch(17.26% 0.0438 52.96) 3.2%, oklch(18.64% 0.0479 52.12) 6.5%, oklch(20.26% 0.0528 50.98) 9.7%, oklch(22.08% 0.0587 49.64) 12.9%, oklch(24.07% 0.0653 48.25) 16.1%, oklch(26.18% 0.0715 47.27) 19.4%, oklch(28.37% 0.0760 46.08) 22.6%, oklch(30.62% 0.0804 45.24) 25.8%, oklch(32.87% 0.0846 44.87) 29.0%, oklch(35.10% 0.0884 45.10) 32.3%, oklch(37.30% 0.0920 46.03) 35.5%, oklch(39.60% 0.0959 47.57) 38.7%, oklch(42.00% 0.1000 49.62) 41.9%, oklch(44.46% 0.1043 52.10) 45.2%, oklch(46.96% 0.1084 54.88) 48.4%, oklch(49.50% 0.1122 57.88) 51.6%, oklch(52.03% 0.1154 61.00) 54.8%, oklch(54.55% 0.1180 64.12) 58.1%, oklch(57.03% 0.1196 67.16) 61.3%, oklch(59.45% 0.1202 70.01) 64.5%, oklch(61.81% 0.1195 72.60) 67.7%, oklch(64.25% 0.1170 75.26) 71.0%, oklch(66.79% 0.1131 78.05) 74.2%, oklch(69.37% 0.1080 80.91) 77.4%, oklch(71.93% 0.1022 83.76) 80.6%, oklch(74.42% 0.0959 86.54) 83.9%, oklch(76.79% 0.0895 89.19) 87.1%, oklch(78.97% 0.0834 91.64) 90.3%, oklch(80.91% 0.0780 93.82) 93.5%, oklch(82.56% 0.0735 95.67) 96.8%, oklch(83.86% 0.0703 97.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.05 | 54.8 |
| 2 | 0.358 | 0.09 | 45.3 |
| 3 | 0.61 | 0.12 | 71.8 |
| 4 | 0.839 | 0.07 | 97.1 |

## In these collections

- [Tropical gradients](https://grabient.com/tropical-gradients)

## Other forms

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