# Near-black and ochre elevation palette

The Near-black and ochre elevation palette brings together dark teal, green, gold, orange, light orange, and off-white. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark teal, and its lightest tone is off-white.

- Also called: Dark green, tan and white linear gradient
- Seed: `kaODOAMKS88SruhVJLy4h09O0JQb7A0Lg`
- Page: https://grabient.com/kaODOAMKS88SruhVJLy4h09O0JQb7A0Lg?steps=64&angle=180
- Drawn as: linear gradient, 64 steps, 180 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 15.5 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 | `#00211b` | `oklch(22.07% 0.0401 179.90)` | Stellar Explorer | white, 17 to 1 |
| 2 | `#00231d` | `oklch(22.97% 0.0421 178.58)` | Stellar Explorer | white, 16.6 to 1 |
| 3 | `#00261f` | `oklch(24.14% 0.0448 177.02)` | Deep Slate Green | white, 16.1 to 1 |
| 4 | `#002a22` | `oklch(25.51% 0.0480 175.23)` | Deep Slate Green | white, 15.4 to 1 |
| 5 | `#002f24` | `oklch(27.05% 0.0518 173.20)` | Dark Jungle | white, 14.7 to 1 |
| 6 | `#003327` | `oklch(28.71% 0.0563 170.95)` | Coach Green | white, 13.9 to 1 |
| 7 | `#003929` | `oklch(30.46% 0.0613 168.47)` | Off-Road Green | white, 13 to 1 |
| 8 | `#003e2b` | `oklch(32.25% 0.0671 165.77)` | Mizukaze Green | white, 12.1 to 1 |
| 9 | `#00442d` | `oklch(34.03% 0.0737 162.85)` | UP Forest Green | white, 11.3 to 1 |
| 10 | `#00492d` | `oklch(35.77% 0.0813 159.71)` | Alaskan Moss | white, 10.5 to 1 |
| 11 | `#004e2c` | `oklch(37.42% 0.0901 156.36)` | Troll Green | white, 9.8 to 1 |
| 12 | `#005429` | `oklch(38.96% 0.1009 152.74)` | Lemon Balm Green | white, 9.1 to 1 |
| 13 | `#125826` | `oklch(40.48% 0.1043 148.62)` | Caliban Green | white, 8.6 to 1 |
| 14 | `#215b23` | `oklch(42.03% 0.1068 144.01)` | Sombre Green | white, 8 to 1 |
| 15 | `#2e5f1f` | `oklch(43.57% 0.1093 139.06)` | Bright Nori | white, 7.5 to 1 |
| 16 | `#3a6219` | `oklch(45.11% 0.1117 133.89)` | Rainforest Matcha | white, 7.1 to 1 |
| 17 | `#466511` | `oklch(46.64% 0.1139 128.62)` | Camouflage Green | white, 6.6 to 1 |
| 18 | `#516806` | `oklch(48.16% 0.1158 123.36)` | Serrano Pepper | white, 6.2 to 1 |
| 19 | `#5d6a00` | `oklch(49.65% 0.1159 118.26)` | Mud Green | white, 5.9 to 1 |
| 20 | `#676d00` | `oklch(51.12% 0.1143 113.40)` | Brownish Green | white, 5.6 to 1 |
| 21 | `#706f00` | `oklch(52.55% 0.1139 108.93)` | Bronze Yellow | white, 5.2 to 1 |
| 22 | `#797100` | `oklch(53.94% 0.1144 104.96)` | Sunlit Kelp Green | white, 5 to 1 |
| 23 | `#817400` | `oklch(55.29% 0.1155 101.46)` | Tool Green | white, 4.7 to 1 |
| 24 | `#897600` | `oklch(56.63% 0.1171 98.28)` | Soft Fig | black, 4.6 to 1 |
| 25 | `#907907` | `oklch(57.93% 0.1172 95.38)` | Bhūrā Brown | black, 4.8 to 1 |
| 26 | `#967b14` | `oklch(59.21% 0.1154 92.69)` | Cerignola Olive | black, 5.1 to 1 |
| 27 | `#9c7e1f` | `oklch(60.47% 0.1133 90.19)` | Spruced Up | black, 5.4 to 1 |
| 28 | `#a18128` | `oklch(61.70% 0.1110 87.81)` | Hacienda | black, 5.6 to 1 |
| 29 | `#a68330` | `oklch(62.90% 0.1086 85.52)` | Cloisonné Gold | black, 5.9 to 1 |
| 30 | `#ab8637` | `oklch(64.09% 0.1061 83.27)` | Garden Sprout | black, 6.2 to 1 |
| 31 | `#b0893e` | `oklch(65.24% 0.1038 81.00)` | Butterscotch Ripple | black, 6.4 to 1 |
| 32 | `#b58b45` | `oklch(66.37% 0.1016 78.69)` | Camel Ride | black, 6.7 to 1 |
| 33 | `#ba8e4b` | `oklch(67.48% 0.0997 76.26)` | Harvest Blessing | black, 7 to 1 |
| 34 | `#be9051` | `oklch(68.55% 0.0980 73.62)` | Bugle Boy | black, 7.3 to 1 |
| 35 | `#c39357` | `oklch(69.59% 0.0965 70.85)` | Caramel Crumb | black, 7.6 to 1 |
| 36 | `#c8955d` | `oklch(70.60% 0.0951 68.02)` | Burnt Pumpkin | black, 7.9 to 1 |
| 37 | `#cc9763` | `oklch(71.59% 0.0936 65.24)` | Burnt Pumpkin | black, 8.1 to 1 |
| 38 | `#d09968` | `oklch(72.56% 0.0921 62.58)` | Glazed Pecan | black, 8.4 to 1 |
| 39 | `#d49c6e` | `oklch(73.50% 0.0904 60.14)` | Prayer Flag | black, 8.7 to 1 |
| 40 | `#d79e74` | `oklch(74.44% 0.0884 57.99)` | Ochraceous Salmon | black, 9 to 1 |
| 41 | `#daa179` | `oklch(75.35% 0.0860 56.24)` | Soft Leather | black, 9.3 to 1 |
| 42 | `#dca47f` | `oklch(76.26% 0.0832 54.96)` | Windswept Canyon | black, 9.6 to 1 |
| 43 | `#dea784` | `oklch(77.17% 0.0799 54.25)` | Almost Apricot | black, 9.9 to 1 |
| 44 | `#dfab8a` | `oklch(78.04% 0.0759 54.13)` | New Mexico Mesa | black, 10.3 to 1 |
| 45 | `#dfaf8f` | `oklch(78.88% 0.0710 54.54)` | Boot Hill Ghost | black, 10.6 to 1 |
| 46 | `#dfb295` | `oklch(79.69% 0.0656 55.39)` | Sunset Cove | black, 10.9 to 1 |
| 47 | `#deb69a` | `oklch(80.47% 0.0597 56.63)` | Field of Wheat | black, 11.2 to 1 |
| 48 | `#ddbaa0` | `oklch(81.25% 0.0536 58.18)` | Tracery | black, 11.5 to 1 |
| 49 | `#dcbea6` | `oklch(82.03% 0.0475 59.96)` | Adobe Beige | black, 11.9 to 1 |
| 50 | `#dbc1ac` | `oklch(82.82% 0.0416 61.92)` | Old Bone | black, 12.2 to 1 |
| 51 | `#dbc5b2` | `oklch(83.64% 0.0360 63.97)` | Hanover | black, 12.6 to 1 |
| 52 | `#dbc9b7` | `oklch(84.48% 0.0310 66.04)` | Manilla Rope | black, 13 to 1 |
| 53 | `#dbccbd` | `oklch(85.37% 0.0266 68.07)` | Honey Lime Chicken | black, 13.3 to 1 |
| 54 | `#dcd0c2` | `oklch(86.31% 0.0232 70.05)` | Brig O’doon | black, 13.8 to 1 |
| 55 | `#ded4c7` | `oklch(87.37% 0.0203 72.33)` | Coconut Ice | black, 14.3 to 1 |
| 56 | `#e0d8cd` | `oklch(88.53% 0.0178 74.90)` | Polished | black, 14.8 to 1 |
| 57 | `#e3dcd2` | `oklch(89.73% 0.0158 77.65)` | White Luxe | black, 15.4 to 1 |
| 58 | `#e6e0d7` | `oklch(90.96% 0.0141 80.50)` | Sunbleached | black, 16 to 1 |
| 59 | `#e9e5dc` | `oklch(92.18% 0.0128 83.36)` | Narvik | black, 16.6 to 1 |
| 60 | `#ece9e0` | `oklch(93.35% 0.0116 86.12)` | Taj Mahal | black, 17.2 to 1 |
| 61 | `#efece5` | `oklch(94.44% 0.0107 88.70)` | Salt | black, 17.8 to 1 |
| 62 | `#f2f0e9` | `oklch(95.40% 0.0098 91.00)` | Cotton Field | black, 18.3 to 1 |
| 63 | `#f4f2ec` | `oklch(96.22% 0.0090 92.93)` | Bit of Sugar | black, 18.8 to 1 |
| 64 | `#f6f5ee` | `oklch(96.85% 0.0083 94.40)` | Snow Day | black, 19.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #00211b 0.0%, #00231d 1.6%, #00261f 3.2%, #002a22 4.8%, #002f24 6.3%, #003327 7.9%, #003929 9.5%, #003e2b 11.1%, #00442d 12.7%, #00492d 14.3%, #004e2c 15.9%, #005429 17.5%, #125826 19.0%, #215b23 20.6%, #2e5f1f 22.2%, #3a6219 23.8%, #466511 25.4%, #516806 27.0%, #5d6a00 28.6%, #676d00 30.2%, #706f00 31.7%, #797100 33.3%, #817400 34.9%, #897600 36.5%, #907907 38.1%, #967b14 39.7%, #9c7e1f 41.3%, #a18128 42.9%, #a68330 44.4%, #ab8637 46.0%, #b0893e 47.6%, #b58b45 49.2%, #ba8e4b 50.8%, #be9051 52.4%, #c39357 54.0%, #c8955d 55.6%, #cc9763 57.1%, #d09968 58.7%, #d49c6e 60.3%, #d79e74 61.9%, #daa179 63.5%, #dca47f 65.1%, #dea784 66.7%, #dfab8a 68.3%, #dfaf8f 69.8%, #dfb295 71.4%, #deb69a 73.0%, #ddbaa0 74.6%, #dcbea6 76.2%, #dbc1ac 77.8%, #dbc5b2 79.4%, #dbc9b7 81.0%, #dbccbd 82.5%, #dcd0c2 84.1%, #ded4c7 85.7%, #e0d8cd 87.3%, #e3dcd2 88.9%, #e6e0d7 90.5%, #e9e5dc 92.1%, #ece9e0 93.7%, #efece5 95.2%, #f2f0e9 96.8%, #f4f2ec 98.4%, #f6f5ee 100.0%);
background: linear-gradient(180deg in oklch, oklch(22.07% 0.0401 179.90) 0.0%, oklch(22.97% 0.0421 178.58) 1.6%, oklch(24.14% 0.0448 177.02) 3.2%, oklch(25.51% 0.0480 175.23) 4.8%, oklch(27.05% 0.0518 173.20) 6.3%, oklch(28.71% 0.0563 170.95) 7.9%, oklch(30.46% 0.0613 168.47) 9.5%, oklch(32.25% 0.0671 165.77) 11.1%, oklch(34.03% 0.0737 162.85) 12.7%, oklch(35.77% 0.0813 159.71) 14.3%, oklch(37.42% 0.0901 156.36) 15.9%, oklch(38.96% 0.1009 152.74) 17.5%, oklch(40.48% 0.1043 148.62) 19.0%, oklch(42.03% 0.1068 144.01) 20.6%, oklch(43.57% 0.1093 139.06) 22.2%, oklch(45.11% 0.1117 133.89) 23.8%, oklch(46.64% 0.1139 128.62) 25.4%, oklch(48.16% 0.1158 123.36) 27.0%, oklch(49.65% 0.1159 118.26) 28.6%, oklch(51.12% 0.1143 113.40) 30.2%, oklch(52.55% 0.1139 108.93) 31.7%, oklch(53.94% 0.1144 104.96) 33.3%, oklch(55.29% 0.1155 101.46) 34.9%, oklch(56.63% 0.1171 98.28) 36.5%, oklch(57.93% 0.1172 95.38) 38.1%, oklch(59.21% 0.1154 92.69) 39.7%, oklch(60.47% 0.1133 90.19) 41.3%, oklch(61.70% 0.1110 87.81) 42.9%, oklch(62.90% 0.1086 85.52) 44.4%, oklch(64.09% 0.1061 83.27) 46.0%, oklch(65.24% 0.1038 81.00) 47.6%, oklch(66.37% 0.1016 78.69) 49.2%, oklch(67.48% 0.0997 76.26) 50.8%, oklch(68.55% 0.0980 73.62) 52.4%, oklch(69.59% 0.0965 70.85) 54.0%, oklch(70.60% 0.0951 68.02) 55.6%, oklch(71.59% 0.0936 65.24) 57.1%, oklch(72.56% 0.0921 62.58) 58.7%, oklch(73.50% 0.0904 60.14) 60.3%, oklch(74.44% 0.0884 57.99) 61.9%, oklch(75.35% 0.0860 56.24) 63.5%, oklch(76.26% 0.0832 54.96) 65.1%, oklch(77.17% 0.0799 54.25) 66.7%, oklch(78.04% 0.0759 54.13) 68.3%, oklch(78.88% 0.0710 54.54) 69.8%, oklch(79.69% 0.0656 55.39) 71.4%, oklch(80.47% 0.0597 56.63) 73.0%, oklch(81.25% 0.0536 58.18) 74.6%, oklch(82.03% 0.0475 59.96) 76.2%, oklch(82.82% 0.0416 61.92) 77.8%, oklch(83.64% 0.0360 63.97) 79.4%, oklch(84.48% 0.0310 66.04) 81.0%, oklch(85.37% 0.0266 68.07) 82.5%, oklch(86.31% 0.0232 70.05) 84.1%, oklch(87.37% 0.0203 72.33) 85.7%, oklch(88.53% 0.0178 74.90) 87.3%, oklch(89.73% 0.0158 77.65) 88.9%, oklch(90.96% 0.0141 80.50) 90.5%, oklch(92.18% 0.0128 83.36) 92.1%, oklch(93.35% 0.0116 86.12) 93.7%, oklch(94.44% 0.0107 88.70) 95.2%, oklch(95.40% 0.0098 91.00) 96.8%, oklch(96.22% 0.0090 92.93) 98.4%, oklch(96.85% 0.0083 94.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.07 | 180 |
| 2 | 0.382 | 0.101 | 154.6 |
| 3 | 0.539 | 0.12 | 105 |
| 4 | 0.669 | 0.101 | 77.5 |
| 5 | 0.772 | 0.08 | 54.2 |
| 6 | 0.858 | 0.025 | 69 |
| 7 | 0.969 | 0.008 | 94.4 |

## In these collections

- [Elevation gradients](https://grabient.com/elevation-gradients)

## Other forms

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