# Carbon paper olive and dusty plum fan

Carbon-dark blue-gray opens through muted green into paper beige, then moves through olive and ochre to faded rust, dusty rose, plum and slate blue. Forty-eight angular swatches collect familiar analog office colors into a detailed fan. The pale paper passage separates the opening equipment shadows from the warmer, worn stationery tones that follow.

- Also called: Black, gray, brown and blue angular swatches
- Seed: `kWOAi06pEsEkYRFQobdsY-sA`
- Page: https://grabient.com/kWOAi06pEsEkYRFQobdsY-sA?style=angularSwatches&steps=48&angle=315
- Drawn as: angular swatches, 48 steps, 315 degrees
- Kinds: light center, muted
- Hues: wide
- 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 | `#171b20` | `oklch(22.05% 0.0110 253.83)` | Gluon Grey | white, 17.2 to 1 |
| 2 | `#1e2328` | `oklch(25.40% 0.0129 244.83)` | Dark Gunmetal | white, 15.7 to 1 |
| 3 | `#262f34` | `oklch(30.01% 0.0152 232.61)` | Freinacht Black | white, 13.5 to 1 |
| 4 | `#323f42` | `oklch(35.59% 0.0180 217.85)` | Big Stone | white, 10.9 to 1 |
| 5 | `#405052` | `oklch(41.88% 0.0212 201.24)` | Thermal | white, 8.4 to 1 |
| 6 | `#506461` | `oklch(48.60% 0.0246 183.46)` | Blue Fir | white, 6.2 to 1 |
| 7 | `#64786f` | `oklch(55.46% 0.0282 165.22)` | Galena | white, 4.6 to 1 |
| 8 | `#7b8c7c` | `oklch(62.19% 0.0318 147.20)` | Amazon Moss | black, 5.8 to 1 |
| 9 | `#939f88` | `oklch(68.51% 0.0354 130.09)` | Triamble | black, 7.5 to 1 |
| 10 | `#aaaf93` | `oklch(74.15% 0.0388 114.58)` | Olive Sprig | black, 9.2 to 1 |
| 11 | `#bfbb9d` | `oklch(78.83% 0.0421 101.36)` | Good to Grow | black, 10.8 to 1 |
| 12 | `#d0c4a4` | `oklch(82.26% 0.0450 91.12)` | Double Spanish White | black, 12.1 to 1 |
| 13 | `#dac9a9` | `oklch(84.19% 0.0474 84.53)` | Ancient Doeskin | black, 12.9 to 1 |
| 14 | `#ddcaa9` | `oklch(84.63% 0.0496 81.58)` | Egg Liqueur | black, 13 to 1 |
| 15 | `#dbc7a5` | `oklch(83.85% 0.0515 81.67)` | Toasted Pine Nut | black, 12.7 to 1 |
| 16 | `#d5c29e` | `oklch(82.05% 0.0532 84.21)` | Gold Wash | black, 12 to 1 |
| 17 | `#cabb94` | `oklch(79.47% 0.0548 88.62)` | Balsa Stone | black, 11 to 1 |
| 18 | `#bdb28a` | `oklch(76.32% 0.0562 94.32)` | Weaver’s Spool | black, 9.9 to 1 |
| 19 | `#afa97f` | `oklch(72.83% 0.0576 100.74)` | Thimbleberry Leaf | black, 8.7 to 1 |
| 20 | `#a09f74` | `oklch(69.22% 0.0590 107.28)` | Dill Powder | black, 7.7 to 1 |
| 21 | `#91966b` | `oklch(65.71% 0.0604 113.38)` | Boston Fern | black, 6.7 to 1 |
| 22 | `#848d63` | `oklch(62.54% 0.0619 118.44)` | Green Coconut | black, 5.9 to 1 |
| 23 | `#79865b` | `oklch(59.91% 0.0635 121.90)` | Tuscany Hillside | black, 5.3 to 1 |
| 24 | `#738156` | `oklch(58.05% 0.0652 123.16)` | Terrain | black, 5 to 1 |
| 25 | `#717e51` | `oklch(57.13% 0.0672 121.94)` | Turf War | black, 4.8 to 1 |
| 26 | `#727d4e` | `oklch(56.88% 0.0697 119.59)` | Turf War | black, 4.7 to 1 |
| 27 | `#757d4b` | `oklch(57.15% 0.0726 116.39)` | Tara’s Drapes | black, 4.8 to 1 |
| 28 | `#7a7f48` | `oklch(57.81% 0.0758 112.37)` | Grasshopper | black, 4.9 to 1 |
| 29 | `#818046` | `oklch(58.76% 0.0791 107.56)` | Basil Chiffonade | black, 5.1 to 1 |
| 30 | `#8a8245` | `oklch(59.87% 0.0824 101.97)` | Galia Melon | black, 5.3 to 1 |
| 31 | `#938344` | `oklch(61.04% 0.0854 95.62)` | Lucky Bamboo | black, 5.5 to 1 |
| 32 | `#9c8444` | `oklch(62.14% 0.0881 88.55)` | Madagascar | black, 5.7 to 1 |
| 33 | `#a58346` | `oklch(63.05% 0.0904 80.78)` | Caramel Suede | black, 5.9 to 1 |
| 34 | `#ae8249` | `oklch(63.67% 0.0920 72.32)` | Unforgettably Gold | black, 6 to 1 |
| 35 | `#b47f4d` | `oklch(63.88% 0.0927 63.21)` | Caramel Sauce | black, 6 to 1 |
| 36 | `#b77b54` | `oklch(63.56% 0.0925 53.46)` | Japanese Wax Tree | black, 5.9 to 1 |
| 37 | `#b7755b` | `oklch(62.63% 0.0912 42.58)` | Weathered Saddle | black, 5.7 to 1 |
| 38 | `#b36f64` | `oklch(61.16% 0.0886 29.51)` | Water Persimmon | black, 5.3 to 1 |
| 39 | `#aa696e` | `oklch(59.24% 0.0849 14.68)` | Spanish Rose Shadow | black, 4.9 to 1 |
| 40 | `#9e6377` | `oklch(56.99% 0.0804 358.59)` | Jugendstil Pink | white, 4.6 to 1 |
| 41 | `#8f5e7d` | `oklch(54.50% 0.0753 341.73)` | Immortality | white, 5.1 to 1 |
| 42 | `#7d5b7f` | `oklch(51.88% 0.0698 324.57)` | Trendy Pink | white, 5.7 to 1 |
| 43 | `#6b577e` | `oklch(49.23% 0.0643 307.61)` | Charoite Violet | white, 6.3 to 1 |
| 44 | `#5a5478` | `oklch(46.64% 0.0588 291.34)` | The Fang | white, 7 to 1 |
| 45 | `#4b5171` | `oklch(44.22% 0.0537 276.25)` | Independence | white, 7.7 to 1 |
| 46 | `#3f4d68` | `oklch(42.07% 0.0492 262.82)` | Blackberry Cobbler | white, 8.4 to 1 |
| 47 | `#364a61` | `oklch(40.28% 0.0454 251.54)` | Evening Glory | white, 9 to 1 |
| 48 | `#30485a` | `oklch(38.98% 0.0427 242.91)` | Compass Blue | white, 9.5 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #171b20 0.000% 2.083%, #1e2328 2.083% 4.167%, #262f34 4.167% 6.250%, #323f42 6.250% 8.333%, #405052 8.333% 10.417%, #506461 10.417% 12.500%, #64786f 12.500% 14.583%, #7b8c7c 14.583% 16.667%, #939f88 16.667% 18.750%, #aaaf93 18.750% 20.833%, #bfbb9d 20.833% 22.917%, #d0c4a4 22.917% 25.000%, #dac9a9 25.000% 27.083%, #ddcaa9 27.083% 29.167%, #dbc7a5 29.167% 31.250%, #d5c29e 31.250% 33.333%, #cabb94 33.333% 35.417%, #bdb28a 35.417% 37.500%, #afa97f 37.500% 39.583%, #a09f74 39.583% 41.667%, #91966b 41.667% 43.750%, #848d63 43.750% 45.833%, #79865b 45.833% 47.917%, #738156 47.917% 50.000%, #717e51 50.000% 52.083%, #727d4e 52.083% 54.167%, #757d4b 54.167% 56.250%, #7a7f48 56.250% 58.333%, #818046 58.333% 60.417%, #8a8245 60.417% 62.500%, #938344 62.500% 64.583%, #9c8444 64.583% 66.667%, #a58346 66.667% 68.750%, #ae8249 68.750% 70.833%, #b47f4d 70.833% 72.917%, #b77b54 72.917% 75.000%, #b7755b 75.000% 77.083%, #b36f64 77.083% 79.167%, #aa696e 79.167% 81.250%, #9e6377 81.250% 83.333%, #8f5e7d 83.333% 85.417%, #7d5b7f 85.417% 87.500%, #6b577e 87.500% 89.583%, #5a5478 89.583% 91.667%, #4b5171 91.667% 93.750%, #3f4d68 93.750% 95.833%, #364a61 95.833% 97.917%, #30485a 97.917% 100.000%);
background: conic-gradient(from 315deg, oklch(22.05% 0.0110 253.83) 0.000% 2.083%, oklch(25.40% 0.0129 244.83) 2.083% 4.167%, oklch(30.01% 0.0152 232.61) 4.167% 6.250%, oklch(35.59% 0.0180 217.85) 6.250% 8.333%, oklch(41.88% 0.0212 201.24) 8.333% 10.417%, oklch(48.60% 0.0246 183.46) 10.417% 12.500%, oklch(55.46% 0.0282 165.22) 12.500% 14.583%, oklch(62.19% 0.0318 147.20) 14.583% 16.667%, oklch(68.51% 0.0354 130.09) 16.667% 18.750%, oklch(74.15% 0.0388 114.58) 18.750% 20.833%, oklch(78.83% 0.0421 101.36) 20.833% 22.917%, oklch(82.26% 0.0450 91.12) 22.917% 25.000%, oklch(84.19% 0.0474 84.53) 25.000% 27.083%, oklch(84.63% 0.0496 81.58) 27.083% 29.167%, oklch(83.85% 0.0515 81.67) 29.167% 31.250%, oklch(82.05% 0.0532 84.21) 31.250% 33.333%, oklch(79.47% 0.0548 88.62) 33.333% 35.417%, oklch(76.32% 0.0562 94.32) 35.417% 37.500%, oklch(72.83% 0.0576 100.74) 37.500% 39.583%, oklch(69.22% 0.0590 107.28) 39.583% 41.667%, oklch(65.71% 0.0604 113.38) 41.667% 43.750%, oklch(62.54% 0.0619 118.44) 43.750% 45.833%, oklch(59.91% 0.0635 121.90) 45.833% 47.917%, oklch(58.05% 0.0652 123.16) 47.917% 50.000%, oklch(57.13% 0.0672 121.94) 50.000% 52.083%, oklch(56.88% 0.0697 119.59) 52.083% 54.167%, oklch(57.15% 0.0726 116.39) 54.167% 56.250%, oklch(57.81% 0.0758 112.37) 56.250% 58.333%, oklch(58.76% 0.0791 107.56) 58.333% 60.417%, oklch(59.87% 0.0824 101.97) 60.417% 62.500%, oklch(61.04% 0.0854 95.62) 62.500% 64.583%, oklch(62.14% 0.0881 88.55) 64.583% 66.667%, oklch(63.05% 0.0904 80.78) 66.667% 68.750%, oklch(63.67% 0.0920 72.32) 68.750% 70.833%, oklch(63.88% 0.0927 63.21) 70.833% 72.917%, oklch(63.56% 0.0925 53.46) 72.917% 75.000%, oklch(62.63% 0.0912 42.58) 75.000% 77.083%, oklch(61.16% 0.0886 29.51) 77.083% 79.167%, oklch(59.24% 0.0849 14.68) 79.167% 81.250%, oklch(56.99% 0.0804 358.59) 81.250% 83.333%, oklch(54.50% 0.0753 341.73) 83.333% 85.417%, oklch(51.88% 0.0698 324.57) 85.417% 87.500%, oklch(49.23% 0.0643 307.61) 87.500% 89.583%, oklch(46.64% 0.0588 291.34) 89.583% 91.667%, oklch(44.22% 0.0537 276.25) 91.667% 93.750%, oklch(42.07% 0.0492 262.82) 93.750% 95.833%, oklch(40.28% 0.0454 251.54) 95.833% 97.917%, oklch(38.98% 0.0427 242.91) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.011 | 253.8 |
| 2 | 0.839 | 0.047 | 85.8 |
| 3 | 0.575 | 0.066 | 122.8 |
| 4 | 0.634 | 0.092 | 50.9 |
| 5 | 0.39 | 0.043 | -117.1 |

## In these collections

- [Analog office nostalgia](https://grabient.com/analog-office-nostalgia)

## Other forms

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