# Near-black, ochre and stone elevation palette

The Near-black, ochre and stone elevation palette brings together dark blue, teal, green, gold, orange, light gray, 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 blue, and its lightest tone is off-white.

- Also called: Blue, green, brown and white angular gradient
- Seed: `kcHiy5WSC5bWkuXWq7oTqC9TadPLjBMJfIHCQ`
- Page: https://grabient.com/kcHiy5WSC5bWkuXWq7oTqC9TadPLjBMJfIHCQ?style=angularGradient&steps=64
- Drawn as: angular gradient, 64 steps, 90 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 19.2 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 | `#000419` | `oklch(11.88% 0.0534 261.61)` | Melanophobia | white, 20.3 to 1 |
| 2 | `#000c26` | `oklch(16.23% 0.0579 257.10)` | Void | white, 19.3 to 1 |
| 3 | `#011c39` | `oklch(22.50% 0.0655 251.64)` | Naval Night | white, 17.1 to 1 |
| 4 | `#08304e` | `oklch(30.11% 0.0688 245.91)` | Crow Black Blue | white, 13.5 to 1 |
| 5 | `#174866` | `oklch(38.44% 0.0725 239.50)` | Victorian Peacock | white, 9.7 to 1 |
| 6 | `#26627e` | `oklch(46.90% 0.0763 232.64)` | Georgian Bay | white, 6.7 to 1 |
| 7 | `#357b95` | `oklch(54.88% 0.0802 225.56)` | Blue Rodeo | white, 4.7 to 1 |
| 8 | `#4292a7` | `oklch(61.81% 0.0838 218.47)` | Blue Moon | black, 5.8 to 1 |
| 9 | `#4ca4b4` | `oklch(67.07% 0.0870 211.61)` | Maui Blue | black, 7.2 to 1 |
| 10 | `#51afb9` | `oklch(70.08% 0.0896 205.21)` | Thalassa | black, 8.1 to 1 |
| 11 | `#4fb1b5` | `oklch(70.46% 0.0915 199.07)` | Crystalsong Blue | black, 8.3 to 1 |
| 12 | `#48acaa` | `oklch(68.63% 0.0931 192.89)` | Blue Turquoise | black, 7.7 to 1 |
| 13 | `#3ca299` | `oklch(65.15% 0.0943 186.69)` | Baltic Green | black, 6.8 to 1 |
| 14 | `#2e9485` | `oklch(60.61% 0.0952 180.49)` | Approval Green | black, 5.7 to 1 |
| 15 | `#20856f` | `oklch(55.58% 0.0961 174.31)` | Summer Turquoise | black, 4.6 to 1 |
| 16 | `#13765a` | `oklch(50.64% 0.0970 168.18)` | Tropical Rainforest | white, 5.5 to 1 |
| 17 | `#0b6a48` | `oklch(46.37% 0.0979 162.11)` | Green Caterpillar | white, 6.6 to 1 |
| 18 | `#0e6039` | `oklch(43.34% 0.0991 156.13)` | Spruce | white, 7.6 to 1 |
| 19 | `#185c2e` | `oklch(42.13% 0.1006 150.25)` | Crusoe | white, 8 to 1 |
| 20 | `#255d28` | `oklch(42.82% 0.1026 144.35)` | Bright Nori | white, 7.8 to 1 |
| 21 | `#346224` | `oklch(44.89% 0.1053 138.33)` | Gameboy Shade | white, 7.1 to 1 |
| 22 | `#456a23` | `oklch(47.99% 0.1082 132.29)` | Tree Shade | white, 6.2 to 1 |
| 23 | `#587323` | `oklch(51.75% 0.1113 126.31)` | Loren Forest | white, 5.3 to 1 |
| 24 | `#6b7d25` | `oklch(55.82% 0.1143 120.49)` | Dirty Green | black, 4.6 to 1 |
| 25 | `#7e8729` | `oklch(59.84% 0.1168 114.91)` | Trendy Green | black, 5.4 to 1 |
| 26 | `#90902e` | `oklch(63.47% 0.1188 109.68)` | Bean Shoot | black, 6.2 to 1 |
| 27 | `#9f9733` | `oklch(66.34% 0.1199 104.87)` | Be Yourself | black, 6.9 to 1 |
| 28 | `#a99a36` | `oklch(68.11% 0.1199 100.59)` | Pestulance | black, 7.3 to 1 |
| 29 | `#b09b39` | `oklch(68.90% 0.1186 96.94)` | Golden Olive | black, 7.5 to 1 |
| 30 | `#b39a3c` | `oklch(69.12% 0.1161 93.91)` | Mana | black, 7.6 to 1 |
| 31 | `#b5983f` | `oklch(68.87% 0.1127 91.35)` | Roti | black, 7.5 to 1 |
| 32 | `#b49541` | `oklch(68.22% 0.1087 89.13)` | Roti | black, 7.3 to 1 |
| 33 | `#b29243` | `oklch(67.25% 0.1043 87.11)` | Venetian Gold | black, 7 to 1 |
| 34 | `#ae8d44` | `oklch(66.04% 0.1000 85.17)` | Plaguelands Beige | black, 6.7 to 1 |
| 35 | `#aa8945` | `oklch(64.68% 0.0959 83.15)` | Amber Green | black, 6.3 to 1 |
| 36 | `#a78444` | `oklch(63.24% 0.0923 80.94)` | Walnut Shell | black, 6 to 1 |
| 37 | `#a37f43` | `oklch(61.81% 0.0896 78.40)` | Bronze Mist | black, 5.6 to 1 |
| 38 | `#9f7840` | `oklch(59.97% 0.0879 75.31)` | Goldenrod Tea | black, 5.2 to 1 |
| 39 | `#99703b` | `oklch(57.42% 0.0871 71.73)` | Half Orc Highlight | black, 4.7 to 1 |
| 40 | `#916634` | `oklch(54.45% 0.0870 67.87)` | Retrofit | white, 5 to 1 |
| 41 | `#8a5b2d` | `oklch(51.32% 0.0870 63.94)` | Treacle | white, 5.7 to 1 |
| 42 | `#825226` | `oklch(48.30% 0.0870 60.16)` | Lion’s Lair | white, 6.6 to 1 |
| 43 | `#7b4921` | `oklch(45.68% 0.0867 56.75)` | Russet | white, 7.4 to 1 |
| 44 | `#76431f` | `oklch(43.73% 0.0856 53.93)` | Walnut | white, 8 to 1 |
| 45 | `#724020` | `oklch(42.71% 0.0834 51.91)` | Peruvian Soil | white, 8.4 to 1 |
| 46 | `#724224` | `oklch(42.91% 0.0799 50.92)` | Fawn Brown | white, 8.3 to 1 |
| 47 | `#75472c` | `oklch(44.52% 0.0746 51.06)` | Cape Palliser | white, 7.7 to 1 |
| 48 | `#7a5137` | `oklch(47.36% 0.0677 52.18)` | Umber Rust | white, 6.8 to 1 |
| 49 | `#825d46` | `oklch(51.15% 0.0595 54.09)` | Coffee Bar | white, 5.8 to 1 |
| 50 | `#8b6c56` | `oklch(55.61% 0.0506 56.58)` | Antiquities | white, 4.7 to 1 |
| 51 | `#957c69` | `oklch(60.45% 0.0415 59.46)` | True Walnut | black, 5.3 to 1 |
| 52 | `#9f8c7c` | `oklch(65.38% 0.0327 62.54)` | Smokey Tan | black, 6.5 to 1 |
| 53 | `#aa9c8f` | `oklch(70.14% 0.0245 65.62)` | Frosted Cocoa | black, 7.8 to 1 |
| 54 | `#b4aaa1` | `oklch(74.42% 0.0176 68.51)` | Dreyfus | black, 9.2 to 1 |
| 55 | `#bcb6af` | `oklch(77.95% 0.0124 71.00)` | Silver Dollar | black, 10.4 to 1 |
| 56 | `#c4c0bb` | `oklch(80.95% 0.0088 73.34)` | Natural Grey | black, 11.6 to 1 |
| 57 | `#ccc9c5` | `oklch(83.81% 0.0064 75.85)` | Grey Cloth | black, 12.7 to 1 |
| 58 | `#d4d2cf` | `oklch(86.50% 0.0050 78.43)` | Santo | black, 13.9 to 1 |
| 59 | `#dcdad8` | `oklch(89.00% 0.0042 81.02)` | Subtle Touch | black, 15 to 1 |
| 60 | `#e3e2df` | `oklch(91.31% 0.0040 83.53)` | Spilled Cappuccino | black, 16.2 to 1 |
| 61 | `#eae9e6` | `oklch(93.38% 0.0041 85.87)` | Glacial Ice | black, 17.2 to 1 |
| 62 | `#f0efec` | `oklch(95.21% 0.0043 87.96)` | White Picket Fence | black, 18.2 to 1 |
| 63 | `#f5f4f1` | `oklch(96.76% 0.0044 89.73)` | White Chalk | black, 19.1 to 1 |
| 64 | `#f9f8f5` | `oklch(98.03% 0.0041 91.08)` | Whitest White | black, 19.8 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #000419 0.0%, #000c26 1.6%, #011c39 3.2%, #08304e 4.8%, #174866 6.3%, #26627e 7.9%, #357b95 9.5%, #4292a7 11.1%, #4ca4b4 12.7%, #51afb9 14.3%, #4fb1b5 15.9%, #48acaa 17.5%, #3ca299 19.0%, #2e9485 20.6%, #20856f 22.2%, #13765a 23.8%, #0b6a48 25.4%, #0e6039 27.0%, #185c2e 28.6%, #255d28 30.2%, #346224 31.7%, #456a23 33.3%, #587323 34.9%, #6b7d25 36.5%, #7e8729 38.1%, #90902e 39.7%, #9f9733 41.3%, #a99a36 42.9%, #b09b39 44.4%, #b39a3c 46.0%, #b5983f 47.6%, #b49541 49.2%, #b29243 50.8%, #ae8d44 52.4%, #aa8945 54.0%, #a78444 55.6%, #a37f43 57.1%, #9f7840 58.7%, #99703b 60.3%, #916634 61.9%, #8a5b2d 63.5%, #825226 65.1%, #7b4921 66.7%, #76431f 68.3%, #724020 69.8%, #724224 71.4%, #75472c 73.0%, #7a5137 74.6%, #825d46 76.2%, #8b6c56 77.8%, #957c69 79.4%, #9f8c7c 81.0%, #aa9c8f 82.5%, #b4aaa1 84.1%, #bcb6af 85.7%, #c4c0bb 87.3%, #ccc9c5 88.9%, #d4d2cf 90.5%, #dcdad8 92.1%, #e3e2df 93.7%, #eae9e6 95.2%, #f0efec 96.8%, #f5f4f1 98.4%, #f9f8f5 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(11.88% 0.0534 261.61) 0.0%, oklch(16.23% 0.0579 257.10) 1.6%, oklch(22.50% 0.0655 251.64) 3.2%, oklch(30.11% 0.0688 245.91) 4.8%, oklch(38.44% 0.0725 239.50) 6.3%, oklch(46.90% 0.0763 232.64) 7.9%, oklch(54.88% 0.0802 225.56) 9.5%, oklch(61.81% 0.0838 218.47) 11.1%, oklch(67.07% 0.0870 211.61) 12.7%, oklch(70.08% 0.0896 205.21) 14.3%, oklch(70.46% 0.0915 199.07) 15.9%, oklch(68.63% 0.0931 192.89) 17.5%, oklch(65.15% 0.0943 186.69) 19.0%, oklch(60.61% 0.0952 180.49) 20.6%, oklch(55.58% 0.0961 174.31) 22.2%, oklch(50.64% 0.0970 168.18) 23.8%, oklch(46.37% 0.0979 162.11) 25.4%, oklch(43.34% 0.0991 156.13) 27.0%, oklch(42.13% 0.1006 150.25) 28.6%, oklch(42.82% 0.1026 144.35) 30.2%, oklch(44.89% 0.1053 138.33) 31.7%, oklch(47.99% 0.1082 132.29) 33.3%, oklch(51.75% 0.1113 126.31) 34.9%, oklch(55.82% 0.1143 120.49) 36.5%, oklch(59.84% 0.1168 114.91) 38.1%, oklch(63.47% 0.1188 109.68) 39.7%, oklch(66.34% 0.1199 104.87) 41.3%, oklch(68.11% 0.1199 100.59) 42.9%, oklch(68.90% 0.1186 96.94) 44.4%, oklch(69.12% 0.1161 93.91) 46.0%, oklch(68.87% 0.1127 91.35) 47.6%, oklch(68.22% 0.1087 89.13) 49.2%, oklch(67.25% 0.1043 87.11) 50.8%, oklch(66.04% 0.1000 85.17) 52.4%, oklch(64.68% 0.0959 83.15) 54.0%, oklch(63.24% 0.0923 80.94) 55.6%, oklch(61.81% 0.0896 78.40) 57.1%, oklch(59.97% 0.0879 75.31) 58.7%, oklch(57.42% 0.0871 71.73) 60.3%, oklch(54.45% 0.0870 67.87) 61.9%, oklch(51.32% 0.0870 63.94) 63.5%, oklch(48.30% 0.0870 60.16) 65.1%, oklch(45.68% 0.0867 56.75) 66.7%, oklch(43.73% 0.0856 53.93) 68.3%, oklch(42.71% 0.0834 51.91) 69.8%, oklch(42.91% 0.0799 50.92) 71.4%, oklch(44.52% 0.0746 51.06) 73.0%, oklch(47.36% 0.0677 52.18) 74.6%, oklch(51.15% 0.0595 54.09) 76.2%, oklch(55.61% 0.0506 56.58) 77.8%, oklch(60.45% 0.0415 59.46) 79.4%, oklch(65.38% 0.0327 62.54) 81.0%, oklch(70.14% 0.0245 65.62) 82.5%, oklch(74.42% 0.0176 68.51) 84.1%, oklch(77.95% 0.0124 71.00) 85.7%, oklch(80.95% 0.0088 73.34) 87.3%, oklch(83.81% 0.0064 75.85) 88.9%, oklch(86.50% 0.0050 78.43) 90.5%, oklch(89.00% 0.0042 81.02) 92.1%, oklch(91.31% 0.0040 83.53) 93.7%, oklch(93.38% 0.0041 85.87) 95.2%, oklch(95.21% 0.0043 87.96) 96.8%, oklch(96.76% 0.0044 89.73) 98.4%, oklch(98.03% 0.0041 91.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.061 | 260.2 |
| 2 | 0.701 | 0.09 | 205.2 |
| 3 | 0.421 | 0.101 | 150.3 |
| 4 | 0.681 | 0.12 | 100.6 |
| 5 | 0.618 | 0.09 | 78.4 |
| 6 | 0.429 | 0.08 | 50.9 |
| 7 | 0.78 | 0.012 | 71 |
| 8 | 0.98 | 0.004 | 91.1 |

## In these collections

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

## Other forms

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