# Deep teal, bronze and off-white elevation palette

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

- Also called: Dark green, olive, brown and gray linear gradient
- Seed: `kaTDZ0uqS8M2oO_InzyNpe8lKDQbygdJA`
- Page: https://grabient.com/kaTDZ0uqS8M2oO_InzyNpe8lKDQbygdJA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 9.9 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 | `#003725` | `oklch(29.93% 0.0640 163.75)` | Off-Road Green | white, 13.2 to 1 |
| 2 | `#003e25` | `oklch(32.06% 0.0729 159.66)` | Angel Green | white, 12.2 to 1 |
| 3 | `#084725` | `oklch(35.05% 0.0834 153.96)` | Alaskan Moss | white, 10.8 to 1 |
| 4 | `#1c5026` | `oklch(38.55% 0.0894 147.19)` | Białowieża Forest | white, 9.4 to 1 |
| 5 | `#2e5a25` | `oklch(42.18% 0.0953 140.05)` | Bright Nori | white, 8 to 1 |
| 6 | `#406223` | `oklch(45.55% 0.1000 133.20)` | Rainforest Matcha | white, 7 to 1 |
| 7 | `#506a21` | `oklch(48.75% 0.1035 126.73)` | Bowser Shell | white, 6.1 to 1 |
| 8 | `#627221` | `oklch(52.23% 0.1066 120.07)` | Fern Frond | white, 5.3 to 1 |
| 9 | `#747a22` | `oklch(55.62% 0.1091 113.34)` | Ripe Green | white, 4.6 to 1 |
| 10 | `#848024` | `oklch(58.53% 0.1106 106.71)` | Olive | black, 5 to 1 |
| 11 | `#918327` | `oklch(60.59% 0.1106 100.35)` | Jungle Palm | black, 5.4 to 1 |
| 12 | `#9a832b` | `oklch(61.51% 0.1087 94.37)` | Lemon Ginger | black, 5.6 to 1 |
| 13 | `#9e8130` | `oklch(61.51% 0.1046 88.71)` | Hacienda | black, 5.6 to 1 |
| 14 | `#9f7d35` | `oklch(60.79% 0.0992 83.26)` | Arlington Bronze | black, 5.4 to 1 |
| 15 | `#9d7739` | `oklch(59.54% 0.0934 77.90)` | Sneezy | black, 5.1 to 1 |
| 16 | `#9a713b` | `oklch(57.95% 0.0878 72.52)` | Favourite Ale | black, 4.8 to 1 |
| 17 | `#956a3c` | `oklch(55.97% 0.0834 66.83)` | Lion’s Mane Blonde | white, 4.7 to 1 |
| 18 | `#8d5f38` | `oklch(52.64% 0.0802 60.20)` | Fertile Soil | white, 5.4 to 1 |
| 19 | `#825334` | `oklch(48.70% 0.0773 53.35)` | Lion’s Lair | white, 6.5 to 1 |
| 20 | `#774830` | `oklch(45.17% 0.0739 47.24)` | Cape Palliser | white, 7.5 to 1 |
| 21 | `#704330` | `oklch(43.04% 0.0692 42.81)` | Heartwood | white, 8.3 to 1 |
| 22 | `#6e4536` | `oklch(43.31% 0.0620 40.70)` | Brisket | white, 8.2 to 1 |
| 23 | `#714e43` | `oklch(45.95% 0.0514 38.51)` | Chocolate Sprinkle | white, 7.2 to 1 |
| 24 | `#785d54` | `oklch(50.23% 0.0388 37.12)` | Picador | white, 6 to 1 |
| 25 | `#816e68` | `oklch(55.43% 0.0259 38.65)` | Granite Boulder | white, 4.8 to 1 |
| 26 | `#8b807b` | `oklch(60.83% 0.0148 45.21)` | Pre-Raphaelite | black, 5.4 to 1 |
| 27 | `#95908d` | `oklch(65.74% 0.0073 59.01)` | Crete Shore | black, 6.6 to 1 |
| 28 | `#a2a19f` | `oklch(70.93% 0.0037 84.67)` | Grayve-Yard | black, 8.1 to 1 |
| 29 | `#b3b3b1` | `oklch(76.59% 0.0026 119.18)` | Silverstone | black, 9.9 to 1 |
| 30 | `#c3c5c3` | `oklch(82.09% 0.0030 156.09)` | Light Aluminium | black, 12 to 1 |
| 31 | `#d1d4d4` | `oklch(86.82% 0.0039 188.97)` | Elemental | black, 14.1 to 1 |
| 32 | `#dbdfe0` | `oklch(90.16% 0.0041 211.38)` | Drifting Cloud | black, 15.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #003725 0.0%, #003e25 3.2%, #084725 6.5%, #1c5026 9.7%, #2e5a25 12.9%, #406223 16.1%, #506a21 19.4%, #627221 22.6%, #747a22 25.8%, #848024 29.0%, #918327 32.3%, #9a832b 35.5%, #9e8130 38.7%, #9f7d35 41.9%, #9d7739 45.2%, #9a713b 48.4%, #956a3c 51.6%, #8d5f38 54.8%, #825334 58.1%, #774830 61.3%, #704330 64.5%, #6e4536 67.7%, #714e43 71.0%, #785d54 74.2%, #816e68 77.4%, #8b807b 80.6%, #95908d 83.9%, #a2a19f 87.1%, #b3b3b1 90.3%, #c3c5c3 93.5%, #d1d4d4 96.8%, #dbdfe0 100.0%);
background: linear-gradient(90deg in oklch, oklch(29.93% 0.0640 163.75) 0.0%, oklch(32.06% 0.0729 159.66) 3.2%, oklch(35.05% 0.0834 153.96) 6.5%, oklch(38.55% 0.0894 147.19) 9.7%, oklch(42.18% 0.0953 140.05) 12.9%, oklch(45.55% 0.1000 133.20) 16.1%, oklch(48.75% 0.1035 126.73) 19.4%, oklch(52.23% 0.1066 120.07) 22.6%, oklch(55.62% 0.1091 113.34) 25.8%, oklch(58.53% 0.1106 106.71) 29.0%, oklch(60.59% 0.1106 100.35) 32.3%, oklch(61.51% 0.1087 94.37) 35.5%, oklch(61.51% 0.1046 88.71) 38.7%, oklch(60.79% 0.0992 83.26) 41.9%, oklch(59.54% 0.0934 77.90) 45.2%, oklch(57.95% 0.0878 72.52) 48.4%, oklch(55.97% 0.0834 66.83) 51.6%, oklch(52.64% 0.0802 60.20) 54.8%, oklch(48.70% 0.0773 53.35) 58.1%, oklch(45.17% 0.0739 47.24) 61.3%, oklch(43.04% 0.0692 42.81) 64.5%, oklch(43.31% 0.0620 40.70) 67.7%, oklch(45.95% 0.0514 38.51) 71.0%, oklch(50.23% 0.0388 37.12) 74.2%, oklch(55.43% 0.0259 38.65) 77.4%, oklch(60.83% 0.0148 45.21) 80.6%, oklch(65.74% 0.0073 59.01) 83.9%, oklch(70.93% 0.0037 84.67) 87.1%, oklch(76.59% 0.0026 119.18) 90.3%, oklch(82.09% 0.0030 156.09) 93.5%, oklch(86.82% 0.0039 188.97) 96.8%, oklch(90.16% 0.0041 211.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.074 | 163.8 |
| 2 | 0.461 | 0.101 | 132.1 |
| 3 | 0.61 | 0.11 | 98.3 |
| 4 | 0.571 | 0.085 | 69.8 |
| 5 | 0.429 | 0.065 | 41.2 |
| 6 | 0.65 | 0.008 | 56 |
| 7 | 0.902 | 0.004 | 211.4 |

## In these collections

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

## Other forms

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