# Espresso honey and cream tortoiseshell glow

An espresso-brown center warms through cognac, amber and honey into a pale cream highlight before returning to dark brown at the edge. This sixty-four-stop radial gradient draws on classic tortoiseshell colors, using a luminous warm middle passage between deep browns to suggest the appearance of light passing through a polished amber accessory.

- Also called: Analogous brown, orange and tan radial gradient
- Seed: `kWLw8lNiW_mA1wx0okFIhO7o`
- Page: https://grabient.com/kWLw8lNiW_mA1wx0okFIhO7o?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.6 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 | `#1a100a` | `oklch(18.50% 0.0207 52.03)` | Black Raspberry | white, 18.6 to 1 |
| 2 | `#1d120b` | `oklch(19.34% 0.0237 51.86)` | Crowshead | white, 18.4 to 1 |
| 3 | `#21130b` | `oklch(20.33% 0.0274 51.57)` | Bighorn Sheep | white, 18 to 1 |
| 4 | `#25150b` | `oklch(21.45% 0.0318 51.19)` | Used Oil | white, 17.6 to 1 |
| 5 | `#2a170c` | `oklch(22.69% 0.0368 50.74)` | Zinnwaldite Brown | white, 17.1 to 1 |
| 6 | `#2f190c` | `oklch(24.04% 0.0421 50.24)` | Darkout | white, 16.5 to 1 |
| 7 | `#351b0c` | `oklch(25.49% 0.0479 49.73)` | Close but No Cigar | white, 15.9 to 1 |
| 8 | `#3b1e0c` | `oklch(27.03% 0.0539 49.22)` | 90% Cocoa | white, 15.2 to 1 |
| 9 | `#42200d` | `oklch(28.65% 0.0600 48.74)` | Délicieux au Chocolat | white, 14.5 to 1 |
| 10 | `#49230d` | `oklch(30.33% 0.0663 48.32)` | Chocolate Castle | white, 13.7 to 1 |
| 11 | `#50260d` | `oklch(32.07% 0.0725 47.98)` | Bittersweet Chocolate | white, 12.9 to 1 |
| 12 | `#57290e` | `oklch(33.85% 0.0786 47.74)` | Fudge Brownie | white, 12.1 to 1 |
| 13 | `#5f2c0e` | `oklch(35.66% 0.0845 47.64)` | Count Chocula | white, 11.3 to 1 |
| 14 | `#662f0e` | `oklch(37.49% 0.0902 47.69)` | Meatloaf | white, 10.5 to 1 |
| 15 | `#6e330f` | `oklch(39.32% 0.0954 47.93)` | Cold Press Coffee | white, 9.8 to 1 |
| 16 | `#753710` | `oklch(41.15% 0.1002 48.38)` | Beer Glazed Bacon | white, 9.1 to 1 |
| 17 | `#7c3b10` | `oklch(42.98% 0.1044 49.05)` | Red Beech | white, 8.4 to 1 |
| 18 | `#833f11` | `oklch(44.89% 0.1084 50.01)` | Gryphonne Sepia Wash | white, 7.7 to 1 |
| 19 | `#8b4511` | `oklch(46.92% 0.1125 51.21)` | Saddle Brown | white, 7.1 to 1 |
| 20 | `#924a11` | `oklch(49.04% 0.1166 52.64)` | Parasite Brown | white, 6.5 to 1 |
| 21 | `#9a5011` | `oklch(51.24% 0.1206 54.25)` | Burnt Bagel | white, 5.9 to 1 |
| 22 | `#a25710` | `oklch(53.50% 0.1245 56.02)` | Windsor Brown | white, 5.3 to 1 |
| 23 | `#aa5d0f` | `oklch(55.79% 0.1283 57.91)` | Raw Umber | white, 4.8 to 1 |
| 24 | `#b2640f` | `oklch(58.10% 0.1318 59.88)` | Umber | black, 4.7 to 1 |
| 25 | `#b96c0e` | `oklch(60.41% 0.1351 61.91)` | Indocile Tiger | black, 5.2 to 1 |
| 26 | `#c1730e` | `oklch(62.69% 0.1381 63.95)` | Milvus Milvus Orange | black, 5.7 to 1 |
| 27 | `#c87b10` | `oklch(64.93% 0.1408 65.97)` | German Mustard | black, 6.2 to 1 |
| 28 | `#ce8212` | `oklch(67.11% 0.1431 67.95)` | Copious Caramel | black, 6.8 to 1 |
| 29 | `#d48916` | `oklch(69.21% 0.1450 69.84)` | Fleur de Sel Caramel | black, 7.4 to 1 |
| 30 | `#da901b` | `oklch(71.20% 0.1463 71.60)` | Harvest Eve Gold | black, 8 to 1 |
| 31 | `#df9720` | `oklch(73.06% 0.1472 73.22)` | Tiger King | black, 8.5 to 1 |
| 32 | `#e39e27` | `oklch(74.79% 0.1475 74.65)` | Shì Zǐ Chéng Persimmon | black, 9.1 to 1 |
| 33 | `#e7a32d` | `oklch(76.39% 0.1472 75.89)` | Orange Sulphur | black, 9.7 to 1 |
| 34 | `#ebaa36` | `oklch(78.12% 0.1461 77.16)` | Whisky Sour | black, 10.3 to 1 |
| 35 | `#f0b13f` | `oklch(79.96% 0.1443 78.46)` | Dairy Made | black, 11 to 1 |
| 36 | `#f4b849` | `oklch(81.87% 0.1418 79.77)` | Maximum Yellow Red | black, 11.8 to 1 |
| 37 | `#f8c054` | `oklch(83.80% 0.1388 81.07)` | Saffron Mango | black, 12.6 to 1 |
| 38 | `#fcc75e` | `oklch(85.70% 0.1354 82.32)` | After Shock | black, 13.4 to 1 |
| 39 | `#ffce6a` | `oklch(87.51% 0.1305 83.51)` | Faded Sunlight | black, 14.2 to 1 |
| 40 | `#ffd57e` | `oklch(89.20% 0.1157 84.61)` | Lemon Burst | black, 15.1 to 1 |
| 41 | `#ffdc90` | `oklch(90.71% 0.1021 85.59)` | Peach Tickle | black, 15.8 to 1 |
| 42 | `#ffe19f` | `oklch(91.98% 0.0901 86.43)` | Yellow Geranium | black, 16.5 to 1 |
| 43 | `#ffe5aa` | `oklch(92.99% 0.0804 87.11)` | Pale Peach | black, 17 to 1 |
| 44 | `#ffe8b2` | `oklch(93.66% 0.0737 87.59)` | Gold Thread | black, 17.4 to 1 |
| 45 | `#ffe9b5` | `oklch(93.96% 0.0709 87.86)` | Lively Yellow | black, 17.5 to 1 |
| 46 | `#ffe9b3` | `oklch(93.83% 0.0725 87.88)` | Lively Yellow | black, 17.5 to 1 |
| 47 | `#ffe6ac` | `oklch(93.23% 0.0790 87.63)` | Pale Peach | black, 17.1 to 1 |
| 48 | `#ffe29e` | `oklch(92.10% 0.0907 87.09)` | Peach Crème Brûlée | black, 16.6 to 1 |
| 49 | `#fadb98` | `oklch(90.32% 0.0915 86.18)` | Cooled Cream | black, 15.7 to 1 |
| 50 | `#f2d393` | `oklch(87.72% 0.0884 84.80)` | Instant Noodles | black, 14.4 to 1 |
| 51 | `#e7c78b` | `oklch(84.40% 0.0854 83.01)` | Norman Shaw Goldspar | black, 12.9 to 1 |
| 52 | `#dbba82` | `oklch(80.47% 0.0824 80.86)` | Honey Bunny | black, 11.3 to 1 |
| 53 | `#cdac77` | `oklch(76.04% 0.0794 78.42)` | Golden Age | black, 9.7 to 1 |
| 54 | `#be9c6b` | `oklch(71.24% 0.0764 75.77)` | Welcome Home | black, 8.1 to 1 |
| 55 | `#ae8c5f` | `oklch(66.16% 0.0735 72.95)` | Hawk Feather | black, 6.7 to 1 |
| 56 | `#9e7c53` | `oklch(60.92% 0.0707 70.03)` | Grecian Gold | black, 5.4 to 1 |
| 57 | `#8e6c47` | `oklch(55.64% 0.0680 67.09)` | Grecian Helmet | white, 4.7 to 1 |
| 58 | `#7f5c3b` | `oklch(50.42% 0.0654 64.18)` | Japanese Iris | white, 5.9 to 1 |
| 59 | `#704e31` | `oklch(45.38% 0.0630 61.36)` | Coffee | white, 7.4 to 1 |
| 60 | `#624126` | `oklch(40.63% 0.0607 58.70)` | Irish Coffee | white, 9.1 to 1 |
| 61 | `#55351e` | `oklch(36.28% 0.0587 56.27)` | Brown Bramble | white, 10.9 to 1 |
| 62 | `#4a2b16` | `oklch(32.45% 0.0568 54.13)` | Brown Study | white, 12.6 to 1 |
| 63 | `#412310` | `oklch(29.24% 0.0551 52.35)` | Duqqa Brown | white, 14.2 to 1 |
| 64 | `#3a1d0b` | `oklch(26.77% 0.0537 50.97)` | Close but No Cigar | white, 15.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1a100a 0.0%, #1d120b 1.6%, #21130b 3.2%, #25150b 4.8%, #2a170c 6.3%, #2f190c 7.9%, #351b0c 9.5%, #3b1e0c 11.1%, #42200d 12.7%, #49230d 14.3%, #50260d 15.9%, #57290e 17.5%, #5f2c0e 19.0%, #662f0e 20.6%, #6e330f 22.2%, #753710 23.8%, #7c3b10 25.4%, #833f11 27.0%, #8b4511 28.6%, #924a11 30.2%, #9a5011 31.7%, #a25710 33.3%, #aa5d0f 34.9%, #b2640f 36.5%, #b96c0e 38.1%, #c1730e 39.7%, #c87b10 41.3%, #ce8212 42.9%, #d48916 44.4%, #da901b 46.0%, #df9720 47.6%, #e39e27 49.2%, #e7a32d 50.8%, #ebaa36 52.4%, #f0b13f 54.0%, #f4b849 55.6%, #f8c054 57.1%, #fcc75e 58.7%, #ffce6a 60.3%, #ffd57e 61.9%, #ffdc90 63.5%, #ffe19f 65.1%, #ffe5aa 66.7%, #ffe8b2 68.3%, #ffe9b5 69.8%, #ffe9b3 71.4%, #ffe6ac 73.0%, #ffe29e 74.6%, #fadb98 76.2%, #f2d393 77.8%, #e7c78b 79.4%, #dbba82 81.0%, #cdac77 82.5%, #be9c6b 84.1%, #ae8c5f 85.7%, #9e7c53 87.3%, #8e6c47 88.9%, #7f5c3b 90.5%, #704e31 92.1%, #624126 93.7%, #55351e 95.2%, #4a2b16 96.8%, #412310 98.4%, #3a1d0b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.50% 0.0207 52.03) 0.0%, oklch(19.34% 0.0237 51.86) 1.6%, oklch(20.33% 0.0274 51.57) 3.2%, oklch(21.45% 0.0318 51.19) 4.8%, oklch(22.69% 0.0368 50.74) 6.3%, oklch(24.04% 0.0421 50.24) 7.9%, oklch(25.49% 0.0479 49.73) 9.5%, oklch(27.03% 0.0539 49.22) 11.1%, oklch(28.65% 0.0600 48.74) 12.7%, oklch(30.33% 0.0663 48.32) 14.3%, oklch(32.07% 0.0725 47.98) 15.9%, oklch(33.85% 0.0786 47.74) 17.5%, oklch(35.66% 0.0845 47.64) 19.0%, oklch(37.49% 0.0902 47.69) 20.6%, oklch(39.32% 0.0954 47.93) 22.2%, oklch(41.15% 0.1002 48.38) 23.8%, oklch(42.98% 0.1044 49.05) 25.4%, oklch(44.89% 0.1084 50.01) 27.0%, oklch(46.92% 0.1125 51.21) 28.6%, oklch(49.04% 0.1166 52.64) 30.2%, oklch(51.24% 0.1206 54.25) 31.7%, oklch(53.50% 0.1245 56.02) 33.3%, oklch(55.79% 0.1283 57.91) 34.9%, oklch(58.10% 0.1318 59.88) 36.5%, oklch(60.41% 0.1351 61.91) 38.1%, oklch(62.69% 0.1381 63.95) 39.7%, oklch(64.93% 0.1408 65.97) 41.3%, oklch(67.11% 0.1431 67.95) 42.9%, oklch(69.21% 0.1450 69.84) 44.4%, oklch(71.20% 0.1463 71.60) 46.0%, oklch(73.06% 0.1472 73.22) 47.6%, oklch(74.79% 0.1475 74.65) 49.2%, oklch(76.39% 0.1472 75.89) 50.8%, oklch(78.12% 0.1461 77.16) 52.4%, oklch(79.96% 0.1443 78.46) 54.0%, oklch(81.87% 0.1418 79.77) 55.6%, oklch(83.80% 0.1388 81.07) 57.1%, oklch(85.70% 0.1354 82.32) 58.7%, oklch(87.51% 0.1305 83.51) 60.3%, oklch(89.20% 0.1157 84.61) 61.9%, oklch(90.71% 0.1021 85.59) 63.5%, oklch(91.98% 0.0901 86.43) 65.1%, oklch(92.99% 0.0804 87.11) 66.7%, oklch(93.66% 0.0737 87.59) 68.3%, oklch(93.96% 0.0709 87.86) 69.8%, oklch(93.83% 0.0725 87.88) 71.4%, oklch(93.23% 0.0790 87.63) 73.0%, oklch(92.10% 0.0907 87.09) 74.6%, oklch(90.32% 0.0915 86.18) 76.2%, oklch(87.72% 0.0884 84.80) 77.8%, oklch(84.40% 0.0854 83.01) 79.4%, oklch(80.47% 0.0824 80.86) 81.0%, oklch(76.04% 0.0794 78.42) 82.5%, oklch(71.24% 0.0764 75.77) 84.1%, oklch(66.16% 0.0735 72.95) 85.7%, oklch(60.92% 0.0707 70.03) 87.3%, oklch(55.64% 0.0680 67.09) 88.9%, oklch(50.42% 0.0654 64.18) 90.5%, oklch(45.38% 0.0630 61.36) 92.1%, oklch(40.63% 0.0607 58.70) 93.7%, oklch(36.28% 0.0587 56.27) 95.2%, oklch(32.45% 0.0568 54.13) 96.8%, oklch(29.24% 0.0551 52.35) 98.4%, oklch(26.77% 0.0537 50.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.021 | 52 |
| 2 | 0.425 | 0.103 | 48.9 |
| 3 | 0.756 | 0.147 | 75.3 |
| 4 | 0.917 | 0.094 | 86.9 |
| 5 | 0.268 | 0.054 | 51 |

## In these collections

- [Tortoiseshell colors](https://grabient.com/tortoiseshell-colors)

## Other forms

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