# Dark olive bronze and berry

Near-black green opens into deep moss and olive, warms through muted bronze and rusty brown, then shifts through wine and plum toward berry pink. Thirty-two angular swatch sectors keep the route dark and earthy, with a restrained warm reflection that recalls color moving across an oily surface.

- Also called: Black, dark green and purple angular swatches
- Seed: `kWKwdiJY2-zcXPk1KrDw7DBI`
- Page: https://grabient.com/kWKwdiJY2-zcXPk1KrDw7DBI?style=angularSwatches&steps=32&angle=210
- Drawn as: angular swatches, 32 steps, 210 degrees
- Kinds: dark to light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.3 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 | `#0d100c` | `oklch(16.93% 0.0096 137.81)` | Chaos Black | white, 19.1 to 1 |
| 2 | `#0f130e` | `oklch(17.93% 0.0119 137.08)` | Glimpse Into Space | white, 18.7 to 1 |
| 3 | `#11160f` | `oklch(19.26% 0.0148 136.14)` | Darkness | white, 18.3 to 1 |
| 4 | `#141a11` | `oklch(20.84% 0.0184 135.02)` | Darkness | white, 17.7 to 1 |
| 5 | `#181e14` | `oklch(22.59% 0.0223 133.75)` | Coco’s Black | white, 16.9 to 1 |
| 6 | `#1c2316` | `oklch(24.46% 0.0264 132.37)` | Black Mesa | white, 16.1 to 1 |
| 7 | `#202818` | `oklch(26.35% 0.0305 130.92)` | Kuro Green | white, 15.2 to 1 |
| 8 | `#242d1a` | `oklch(28.21% 0.0345 129.43)` | Kuro Green | white, 14.3 to 1 |
| 9 | `#28311c` | `oklch(29.96% 0.0381 127.98)` | Mountain Range Green | white, 13.5 to 1 |
| 10 | `#2c361f` | `oklch(31.85% 0.0412 127.56)` | Rangitoto | white, 12.6 to 1 |
| 11 | `#313c23` | `oklch(33.90% 0.0441 128.00)` | Turtle Skin | white, 11.6 to 1 |
| 12 | `#364227` | `oklch(36.01% 0.0469 128.61)` | Deep Seaweed | white, 10.6 to 1 |
| 13 | `#3a482b` | `oklch(38.06% 0.0498 128.68)` | Palm Leaf | white, 9.8 to 1 |
| 14 | `#3f4d2d` | `oklch(39.96% 0.0529 127.51)` | Bronze Tone | white, 9 to 1 |
| 15 | `#45512e` | `oklch(41.59% 0.0566 124.40)` | Zen Garden Olive | white, 8.4 to 1 |
| 16 | `#4c542c` | `oklch(42.85% 0.0609 118.65)` | Trefoil | white, 8 to 1 |
| 17 | `#545427` | `oklch(43.61% 0.0661 109.31)` | Private Green | white, 7.8 to 1 |
| 18 | `#5e511d` | `oklch(43.77% 0.0726 95.06)` | Tucumán Green | white, 7.8 to 1 |
| 19 | `#694b14` | `oklch(43.48% 0.0800 77.18)` | Antique Bronze | white, 8 to 1 |
| 20 | `#734217` | `oklch(42.91% 0.0879 57.29)` | Sepia | white, 8.3 to 1 |
| 21 | `#793825` | `oklch(42.26% 0.0958 36.99)` | Bootstrap Leather | white, 8.7 to 1 |
| 22 | `#7b3136` | `oklch(41.70% 0.1034 17.91)` | Wild Currant | white, 9 to 1 |
| 23 | `#792d47` | `oklch(41.42% 0.1103 1.65)` | Flirt | white, 9.2 to 1 |
| 24 | `#782c55` | `oklch(41.59% 0.1159 349.83)` | Magenta Purple | white, 9.1 to 1 |
| 25 | `#792e5f` | `oklch(42.37% 0.1203 343.40)` | Ayame Iris | white, 8.9 to 1 |
| 26 | `#7c3165` | `oklch(43.66% 0.1237 341.05)` | Ayame Iris | white, 8.4 to 1 |
| 27 | `#83346a` | `oklch(45.29% 0.1264 341.79)` | Boysenberry | white, 7.8 to 1 |
| 28 | `#8b386c` | `oklch(47.11% 0.1285 344.65)` | Midnight Aubergine | white, 7.3 to 1 |
| 29 | `#933c6c` | `oklch(48.96% 0.1302 348.69)` | Powder Red | white, 6.7 to 1 |
| 30 | `#9c406c` | `oklch(50.69% 0.1315 352.95)` | Dynamo | white, 6.2 to 1 |
| 31 | `#a2436b` | `oklch(52.14% 0.1326 356.48)` | Ancient Fuchsia | white, 5.8 to 1 |
| 32 | `#a7466b` | `oklch(53.15% 0.1337 358.32)` | Ancient Fuchsia | white, 5.6 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #0d100c 0.000% 3.125%, #0f130e 3.125% 6.250%, #11160f 6.250% 9.375%, #141a11 9.375% 12.500%, #181e14 12.500% 15.625%, #1c2316 15.625% 18.750%, #202818 18.750% 21.875%, #242d1a 21.875% 25.000%, #28311c 25.000% 28.125%, #2c361f 28.125% 31.250%, #313c23 31.250% 34.375%, #364227 34.375% 37.500%, #3a482b 37.500% 40.625%, #3f4d2d 40.625% 43.750%, #45512e 43.750% 46.875%, #4c542c 46.875% 50.000%, #545427 50.000% 53.125%, #5e511d 53.125% 56.250%, #694b14 56.250% 59.375%, #734217 59.375% 62.500%, #793825 62.500% 65.625%, #7b3136 65.625% 68.750%, #792d47 68.750% 71.875%, #782c55 71.875% 75.000%, #792e5f 75.000% 78.125%, #7c3165 78.125% 81.250%, #83346a 81.250% 84.375%, #8b386c 84.375% 87.500%, #933c6c 87.500% 90.625%, #9c406c 90.625% 93.750%, #a2436b 93.750% 96.875%, #a7466b 96.875% 100.000%);
background: conic-gradient(from 210deg, oklch(16.93% 0.0096 137.81) 0.000% 3.125%, oklch(17.93% 0.0119 137.08) 3.125% 6.250%, oklch(19.26% 0.0148 136.14) 6.250% 9.375%, oklch(20.84% 0.0184 135.02) 9.375% 12.500%, oklch(22.59% 0.0223 133.75) 12.500% 15.625%, oklch(24.46% 0.0264 132.37) 15.625% 18.750%, oklch(26.35% 0.0305 130.92) 18.750% 21.875%, oklch(28.21% 0.0345 129.43) 21.875% 25.000%, oklch(29.96% 0.0381 127.98) 25.000% 28.125%, oklch(31.85% 0.0412 127.56) 28.125% 31.250%, oklch(33.90% 0.0441 128.00) 31.250% 34.375%, oklch(36.01% 0.0469 128.61) 34.375% 37.500%, oklch(38.06% 0.0498 128.68) 37.500% 40.625%, oklch(39.96% 0.0529 127.51) 40.625% 43.750%, oklch(41.59% 0.0566 124.40) 43.750% 46.875%, oklch(42.85% 0.0609 118.65) 46.875% 50.000%, oklch(43.61% 0.0661 109.31) 50.000% 53.125%, oklch(43.77% 0.0726 95.06) 53.125% 56.250%, oklch(43.48% 0.0800 77.18) 56.250% 59.375%, oklch(42.91% 0.0879 57.29) 59.375% 62.500%, oklch(42.26% 0.0958 36.99) 62.500% 65.625%, oklch(41.70% 0.1034 17.91) 65.625% 68.750%, oklch(41.42% 0.1103 1.65) 68.750% 71.875%, oklch(41.59% 0.1159 349.83) 71.875% 75.000%, oklch(42.37% 0.1203 343.40) 75.000% 78.125%, oklch(43.66% 0.1237 341.05) 78.125% 81.250%, oklch(45.29% 0.1264 341.79) 81.250% 84.375%, oklch(47.11% 0.1285 344.65) 84.375% 87.500%, oklch(48.96% 0.1302 348.69) 87.500% 90.625%, oklch(50.69% 0.1315 352.95) 90.625% 93.750%, oklch(52.14% 0.1326 356.48) 93.750% 96.875%, oklch(53.15% 0.1337 358.32) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.01 | 137.8 |
| 2 | 0.295 | 0.037 | 128.3 |
| 3 | 0.433 | 0.063 | 114.6 |
| 4 | 0.417 | 0.117 | -12.2 |
| 5 | 0.531 | 0.134 | -1.7 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)

## Other forms

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