# Monochrome tan and black angular swatches

Monochrome tan and black angular swatches with 48 colors: #e2bf75, #e0bd73, #deba70, #ddb76d, #dab369, #d8b065, #d6ac61, #d3a75d, #d0a358, #cd9e54, #ca9a4f, #c7954b, #c49046, #c08c42, #bd873e, #b9833b, #b67f38, #b27a35, #ae7633, #ab7230, #a76e2e, #a36a2c, #9e662a, #9a6228, #965e27, #915a25, #8d5624, #885222, #834e21, #7e4a1f, #79471d, #74431c, #6f3f1a, #693b19, #633717, #5d3315, #572f13, #502b12, #4a2710, #43230e, #3d1f0d, #371c0b, #321809, #2d1508, #281307, #241006, #210e05, #1e0d05. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU0Ek80ag-LafPiXDL8A`
- Page: https://grabient.com/kU0Ek80ag-LafPiXDL8A?style=angularSwatches&steps=48&angle=240
- Drawn as: angular swatches, 48 steps, 240 degrees
- Kinds: light to dark, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.7 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 | `#e2bf75` | `oklch(81.89% 0.1006 85.08)` | Cloudy Sunset | black, 11.9 to 1 |
| 2 | `#e0bd73` | `oklch(81.26% 0.1010 84.55)` | Swiftly Green | black, 11.6 to 1 |
| 3 | `#deba70` | `oklch(80.51% 0.1016 83.91)` | Tahini | black, 11.3 to 1 |
| 4 | `#ddb76d` | `oklch(79.66% 0.1023 83.17)` | English Custard | black, 11 to 1 |
| 5 | `#dab369` | `oklch(78.71% 0.1032 82.35)` | Burst of Gold | black, 10.6 to 1 |
| 6 | `#d8b065` | `oklch(77.67% 0.1041 81.45)` | Dylan Velvet | black, 10.2 to 1 |
| 7 | `#d6ac61` | `oklch(76.56% 0.1051 80.49)` | Butterscotch Bliss | black, 9.8 to 1 |
| 8 | `#d3a75d` | `oklch(75.38% 0.1061 79.48)` | Cat’s Eye Marble | black, 9.4 to 1 |
| 9 | `#d0a358` | `oklch(74.15% 0.1071 78.43)` | Excitable | black, 9 to 1 |
| 10 | `#cd9e54` | `oklch(72.88% 0.1080 77.35)` | Bright Gold | black, 8.6 to 1 |
| 11 | `#ca9a4f` | `oklch(71.58% 0.1089 76.25)` | Gingerbread House | black, 8.2 to 1 |
| 12 | `#c7954b` | `oklch(70.26% 0.1096 75.15)` | Narcissus | black, 7.8 to 1 |
| 13 | `#c49046` | `oklch(68.93% 0.1101 74.06)` | Yellow Ochre | black, 7.4 to 1 |
| 14 | `#c08c42` | `oklch(67.61% 0.1105 72.98)` | Golden Leaf | black, 7 to 1 |
| 15 | `#bd873e` | `oklch(66.30% 0.1106 71.93)` | Peanut Butter | black, 6.6 to 1 |
| 16 | `#b9833b` | `oklch(65.01% 0.1105 70.93)` | Amber Essence | black, 6.3 to 1 |
| 17 | `#b67f38` | `oklch(63.76% 0.1101 69.97)` | Gilded Gold | black, 6 to 1 |
| 18 | `#b27a35` | `oklch(62.50% 0.1094 69.00)` | Durian | black, 5.7 to 1 |
| 19 | `#ae7633` | `oklch(61.23% 0.1086 68.01)` | Deer Leather | black, 5.4 to 1 |
| 20 | `#ab7230` | `oklch(59.95% 0.1077 67.00)` | Deer Leather | black, 5.1 to 1 |
| 21 | `#a76e2e` | `oklch(58.65% 0.1066 65.99)` | Inca Gold | black, 4.9 to 1 |
| 22 | `#a36a2c` | `oklch(57.33% 0.1053 64.96)` | Theatre Gold | black, 4.6 to 1 |
| 23 | `#9e662a` | `oklch(56.01% 0.1040 63.94)` | Caramel Kisses | white, 4.7 to 1 |
| 24 | `#9a6228` | `oklch(54.66% 0.1024 62.93)` | Cathay Spice | white, 5 to 1 |
| 25 | `#965e27` | `oklch(53.31% 0.1008 61.92)` | Chilli Con Carne | white, 5.3 to 1 |
| 26 | `#915a25` | `oklch(51.93% 0.0990 60.94)` | Afghan Carpet | white, 5.6 to 1 |
| 27 | `#8d5624` | `oklch(50.55% 0.0971 59.98)` | Caramel Café | white, 6 to 1 |
| 28 | `#885222` | `oklch(49.15% 0.0951 59.05)` | Plane Brown | white, 6.4 to 1 |
| 29 | `#834e21` | `oklch(47.73% 0.0931 58.15)` | Milk Chocolate | white, 6.8 to 1 |
| 30 | `#7e4a1f` | `oklch(46.30% 0.0909 57.29)` | Russet | white, 7.2 to 1 |
| 31 | `#79471d` | `oklch(44.86% 0.0886 56.48)` | Ancient Planks | white, 7.7 to 1 |
| 32 | `#74431c` | `oklch(43.40% 0.0862 55.73)` | Walnut | white, 8.1 to 1 |
| 33 | `#6f3f1a` | `oklch(41.91% 0.0837 55.02)` | Sepia | white, 8.7 to 1 |
| 34 | `#693b19` | `oklch(40.30% 0.0809 54.35)` | Searing Gorge Brown | white, 9.3 to 1 |
| 35 | `#633717` | `oklch(38.60% 0.0777 53.71)` | Meatloaf | white, 10 to 1 |
| 36 | `#5d3315` | `oklch(36.83% 0.0742 53.09)` | Baker’s Chocolate | white, 10.7 to 1 |
| 37 | `#572f13` | `oklch(35.01% 0.0706 52.51)` | Dark Catacombs | white, 11.5 to 1 |
| 38 | `#502b12` | `oklch(33.17% 0.0668 51.96)` | Bittersweet Chocolate | white, 12.4 to 1 |
| 39 | `#4a2710` | `oklch(31.32% 0.0629 51.44)` | Brown Study | white, 13.2 to 1 |
| 40 | `#43230e` | `oklch(29.49% 0.0590 50.94)` | Duqqa Brown | white, 14.1 to 1 |
| 41 | `#3d1f0d` | `oklch(27.69% 0.0552 50.48)` | Délicieux au Chocolat | white, 14.9 to 1 |
| 42 | `#371c0b` | `oklch(25.96% 0.0514 50.05)` | Close but No Cigar | white, 15.7 to 1 |
| 43 | `#321809` | `oklch(24.31% 0.0479 49.65)` | Darkout | white, 16.4 to 1 |
| 44 | `#2d1508` | `oklch(22.77% 0.0445 49.28)` | Darkout | white, 17.1 to 1 |
| 45 | `#281307` | `oklch(21.36% 0.0414 48.94)` | Zinnwaldite Brown | white, 17.7 to 1 |
| 46 | `#241006` | `oklch(20.10% 0.0387 48.62)` | Severely Burnt Toast | white, 18.1 to 1 |
| 47 | `#210e05` | `oklch(19.01% 0.0363 48.34)` | Severely Burnt Toast | white, 18.5 to 1 |
| 48 | `#1e0d05` | `oklch(18.11% 0.0344 48.09)` | Crowshead | white, 18.8 to 1 |

## CSS

```css
background: conic-gradient(from 240deg, #e2bf75 0.000% 2.083%, #e0bd73 2.083% 4.167%, #deba70 4.167% 6.250%, #ddb76d 6.250% 8.333%, #dab369 8.333% 10.417%, #d8b065 10.417% 12.500%, #d6ac61 12.500% 14.583%, #d3a75d 14.583% 16.667%, #d0a358 16.667% 18.750%, #cd9e54 18.750% 20.833%, #ca9a4f 20.833% 22.917%, #c7954b 22.917% 25.000%, #c49046 25.000% 27.083%, #c08c42 27.083% 29.167%, #bd873e 29.167% 31.250%, #b9833b 31.250% 33.333%, #b67f38 33.333% 35.417%, #b27a35 35.417% 37.500%, #ae7633 37.500% 39.583%, #ab7230 39.583% 41.667%, #a76e2e 41.667% 43.750%, #a36a2c 43.750% 45.833%, #9e662a 45.833% 47.917%, #9a6228 47.917% 50.000%, #965e27 50.000% 52.083%, #915a25 52.083% 54.167%, #8d5624 54.167% 56.250%, #885222 56.250% 58.333%, #834e21 58.333% 60.417%, #7e4a1f 60.417% 62.500%, #79471d 62.500% 64.583%, #74431c 64.583% 66.667%, #6f3f1a 66.667% 68.750%, #693b19 68.750% 70.833%, #633717 70.833% 72.917%, #5d3315 72.917% 75.000%, #572f13 75.000% 77.083%, #502b12 77.083% 79.167%, #4a2710 79.167% 81.250%, #43230e 81.250% 83.333%, #3d1f0d 83.333% 85.417%, #371c0b 85.417% 87.500%, #321809 87.500% 89.583%, #2d1508 89.583% 91.667%, #281307 91.667% 93.750%, #241006 93.750% 95.833%, #210e05 95.833% 97.917%, #1e0d05 97.917% 100.000%);
background: conic-gradient(from 240deg, oklch(81.89% 0.1006 85.08) 0.000% 2.083%, oklch(81.26% 0.1010 84.55) 2.083% 4.167%, oklch(80.51% 0.1016 83.91) 4.167% 6.250%, oklch(79.66% 0.1023 83.17) 6.250% 8.333%, oklch(78.71% 0.1032 82.35) 8.333% 10.417%, oklch(77.67% 0.1041 81.45) 10.417% 12.500%, oklch(76.56% 0.1051 80.49) 12.500% 14.583%, oklch(75.38% 0.1061 79.48) 14.583% 16.667%, oklch(74.15% 0.1071 78.43) 16.667% 18.750%, oklch(72.88% 0.1080 77.35) 18.750% 20.833%, oklch(71.58% 0.1089 76.25) 20.833% 22.917%, oklch(70.26% 0.1096 75.15) 22.917% 25.000%, oklch(68.93% 0.1101 74.06) 25.000% 27.083%, oklch(67.61% 0.1105 72.98) 27.083% 29.167%, oklch(66.30% 0.1106 71.93) 29.167% 31.250%, oklch(65.01% 0.1105 70.93) 31.250% 33.333%, oklch(63.76% 0.1101 69.97) 33.333% 35.417%, oklch(62.50% 0.1094 69.00) 35.417% 37.500%, oklch(61.23% 0.1086 68.01) 37.500% 39.583%, oklch(59.95% 0.1077 67.00) 39.583% 41.667%, oklch(58.65% 0.1066 65.99) 41.667% 43.750%, oklch(57.33% 0.1053 64.96) 43.750% 45.833%, oklch(56.01% 0.1040 63.94) 45.833% 47.917%, oklch(54.66% 0.1024 62.93) 47.917% 50.000%, oklch(53.31% 0.1008 61.92) 50.000% 52.083%, oklch(51.93% 0.0990 60.94) 52.083% 54.167%, oklch(50.55% 0.0971 59.98) 54.167% 56.250%, oklch(49.15% 0.0951 59.05) 56.250% 58.333%, oklch(47.73% 0.0931 58.15) 58.333% 60.417%, oklch(46.30% 0.0909 57.29) 60.417% 62.500%, oklch(44.86% 0.0886 56.48) 62.500% 64.583%, oklch(43.40% 0.0862 55.73) 64.583% 66.667%, oklch(41.91% 0.0837 55.02) 66.667% 68.750%, oklch(40.30% 0.0809 54.35) 68.750% 70.833%, oklch(38.60% 0.0777 53.71) 70.833% 72.917%, oklch(36.83% 0.0742 53.09) 72.917% 75.000%, oklch(35.01% 0.0706 52.51) 75.000% 77.083%, oklch(33.17% 0.0668 51.96) 77.083% 79.167%, oklch(31.32% 0.0629 51.44) 79.167% 81.250%, oklch(29.49% 0.0590 50.94) 81.250% 83.333%, oklch(27.69% 0.0552 50.48) 83.333% 85.417%, oklch(25.96% 0.0514 50.05) 85.417% 87.500%, oklch(24.31% 0.0479 49.65) 87.500% 89.583%, oklch(22.77% 0.0445 49.28) 89.583% 91.667%, oklch(21.36% 0.0414 48.94) 91.667% 93.750%, oklch(20.10% 0.0387 48.62) 93.750% 95.833%, oklch(19.01% 0.0363 48.34) 95.833% 97.917%, oklch(18.11% 0.0344 48.09) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.101 | 85.1 |
| 2 | 0.642 | 0.11 | 70.3 |
| 3 | 0.429 | 0.085 | 55.5 |
| 4 | 0.181 | 0.034 | 48.1 |

## In these collections

- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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