# Near-black, emerald and crimson color palette

The Near-black, emerald and crimson color palette brings together dark teal, teal, green, orange, and red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark teal, and its lightest tone is green.

- Also called: Black, teal, green and orange linear gradient
- Seed: `kWNhWT2S88WbUO9gujc0cq7Y`
- Page: https://grabient.com/kWNhWT2S88WbUO9gujc0cq7Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#061d20` | `oklch(21.26% 0.0289 207.42)` | Black Stallion | white, 17.4 to 1 |
| 2 | `#08282b` | `oklch(25.45% 0.0370 205.00)` | Black Box | white, 15.6 to 1 |
| 3 | `#0a383b` | `oklch(31.33% 0.0477 201.79)` | Customs Green | white, 12.7 to 1 |
| 4 | `#0d4d4f` | `oklch(38.36% 0.0605 197.98)` | Port Malmesbury | white, 9.5 to 1 |
| 5 | `#0e6564` | `oklch(45.97% 0.0747 193.73)` | Barbados Bay | white, 6.8 to 1 |
| 6 | `#0f7e78` | `oklch(53.59% 0.0896 189.21)` | Coelia Greenshade | white, 4.9 to 1 |
| 7 | `#0f968a` | `oklch(60.68% 0.1047 184.59)` | Lights at Sea | black, 5.7 to 1 |
| 8 | `#0cac97` | `oklch(66.66% 0.1193 180.04)` | Pool Green | black, 7.3 to 1 |
| 9 | `#01bc9e` | `oklch(71.01% 0.1329 175.73)` | Aare River | black, 8.6 to 1 |
| 10 | `#00c8a0` | `oklch(74.13% 0.1440 171.81)` | Jadeite | black, 9.7 to 1 |
| 11 | `#00d1a0` | `oklch(76.42% 0.1545 168.13)` | Wild Caribbean Green | black, 10.6 to 1 |
| 12 | `#00d89c` | `oklch(78.02% 0.1653 164.44)` | Reptile Green | black, 11.2 to 1 |
| 13 | `#00dc94` | `oklch(79.09% 0.1774 160.54)` | Reptile Green | black, 11.7 to 1 |
| 14 | `#00e087` | `oklch(79.76% 0.1928 156.19)` | Shivering Green | black, 12 to 1 |
| 15 | `#00e371` | `oklch(80.20% 0.2149 151.17)` | Limonana | black, 12.2 to 1 |
| 16 | `#3ae455` | `oklch(80.53% 0.2298 145.27)` | Toxic Slime | black, 12.3 to 1 |
| 17 | `#68e131` | `oklch(80.85% 0.2315 138.16)` | Toxic Green | black, 12.4 to 1 |
| 18 | `#92da00` | `oklch(80.87% 0.2161 129.51)` | Opulent Lime | black, 12.2 to 1 |
| 19 | `#b2d000` | `oklch(80.57% 0.1906 119.67)` | Lime Rasp | black, 11.8 to 1 |
| 20 | `#c7c600` | `oklch(80.01% 0.1737 109.14)` | Dirty Yellow | black, 11.4 to 1 |
| 21 | `#d7bb00` | `oklch(79.25% 0.1640 98.40)` | Groovy Lemon Pie | black, 11 to 1 |
| 22 | `#e3b100` | `oklch(78.33% 0.1601 87.94)` | Golden Frame | black, 10.5 to 1 |
| 23 | `#eca600` | `oklch(77.32% 0.1610 78.24)` | Illuminate Me | black, 10 to 1 |
| 24 | `#f29d18` | `oklch(76.25% 0.1605 69.79)` | DodgeRoll Gold | black, 9.5 to 1 |
| 25 | `#f49428` | `oklch(75.07% 0.1598 62.67)` | Pesto Calabrese | black, 9.1 to 1 |
| 26 | `#f58a2d` | `oklch(73.56% 0.1631 56.16)` | Peril’s Flames | black, 8.5 to 1 |
| 27 | `#f57f2f` | `oklch(71.84% 0.1692 50.23)` | Ornery Tangerine | black, 7.9 to 1 |
| 28 | `#f5732f` | `oklch(70.01% 0.1770 44.91)` | Persimmon Orange | black, 7.3 to 1 |
| 29 | `#f46730` | `oklch(68.21% 0.1856 40.20)` | Basketball | black, 6.8 to 1 |
| 30 | `#f25c31` | `oklch(66.56% 0.1939 36.12)` | Hot Embers | black, 6.3 to 1 |
| 31 | `#f15134` | `oklch(65.17% 0.2008 32.67)` | Benihi Red | black, 5.9 to 1 |
| 32 | `#f04a38` | `oklch(64.17% 0.2053 29.89)` | Vermilion Bird | black, 5.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #061d20 0.0%, #08282b 3.2%, #0a383b 6.5%, #0d4d4f 9.7%, #0e6564 12.9%, #0f7e78 16.1%, #0f968a 19.4%, #0cac97 22.6%, #01bc9e 25.8%, #00c8a0 29.0%, #00d1a0 32.3%, #00d89c 35.5%, #00dc94 38.7%, #00e087 41.9%, #00e371 45.2%, #3ae455 48.4%, #68e131 51.6%, #92da00 54.8%, #b2d000 58.1%, #c7c600 61.3%, #d7bb00 64.5%, #e3b100 67.7%, #eca600 71.0%, #f29d18 74.2%, #f49428 77.4%, #f58a2d 80.6%, #f57f2f 83.9%, #f5732f 87.1%, #f46730 90.3%, #f25c31 93.5%, #f15134 96.8%, #f04a38 100.0%);
background: linear-gradient(135deg in oklch, oklch(21.26% 0.0289 207.42) 0.0%, oklch(25.45% 0.0370 205.00) 3.2%, oklch(31.33% 0.0477 201.79) 6.5%, oklch(38.36% 0.0605 197.98) 9.7%, oklch(45.97% 0.0747 193.73) 12.9%, oklch(53.59% 0.0896 189.21) 16.1%, oklch(60.68% 0.1047 184.59) 19.4%, oklch(66.66% 0.1193 180.04) 22.6%, oklch(71.01% 0.1329 175.73) 25.8%, oklch(74.13% 0.1440 171.81) 29.0%, oklch(76.42% 0.1545 168.13) 32.3%, oklch(78.02% 0.1653 164.44) 35.5%, oklch(79.09% 0.1774 160.54) 38.7%, oklch(79.76% 0.1928 156.19) 41.9%, oklch(80.20% 0.2149 151.17) 45.2%, oklch(80.53% 0.2298 145.27) 48.4%, oklch(80.85% 0.2315 138.16) 51.6%, oklch(80.87% 0.2161 129.51) 54.8%, oklch(80.57% 0.1906 119.67) 58.1%, oklch(80.01% 0.1737 109.14) 61.3%, oklch(79.25% 0.1640 98.40) 64.5%, oklch(78.33% 0.1601 87.94) 67.7%, oklch(77.32% 0.1610 78.24) 71.0%, oklch(76.25% 0.1605 69.79) 74.2%, oklch(75.07% 0.1598 62.67) 77.4%, oklch(73.56% 0.1631 56.16) 80.6%, oklch(71.84% 0.1692 50.23) 83.9%, oklch(70.01% 0.1770 44.91) 87.1%, oklch(68.21% 0.1856 40.20) 90.3%, oklch(66.56% 0.1939 36.12) 93.5%, oklch(65.17% 0.2008 32.67) 96.8%, oklch(64.17% 0.2053 29.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.029 | 207.4 |
| 2 | 0.701 | 0.13 | 176.8 |
| 3 | 0.807 | 0.231 | 141.9 |
| 4 | 0.76 | 0.16 | 67.9 |
| 5 | 0.642 | 0.205 | 29.9 |

## In these collections

- [Sequined feather costume](https://grabient.com/sequined-feather-costume)
- [Kerala riverboat regatta](https://grabient.com/kerala-riverboat-regatta)

## Other forms

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