# Sage, terracotta and stone elevation palette

The Sage, terracotta and stone elevation palette brings together green, light orange, orange, red, light gray, and off-white. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is off-white.

- Also called: Gray, tan and white linear gradient
- Seed: `kafyRq0Ze8OMbPFZFDyPRC8tuCVl8gL7A`
- Page: https://grabient.com/kafyRq0Ze8OMbPFZFDyPRC8tuCVl8gL7A?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#4f6b54` | `oklch(50.00% 0.0496 149.77)` | Medium Grey Green | white, 5.8 to 1 |
| 2 | `#567157` | `oklch(51.86% 0.0517 145.61)` | Cactus | white, 5.4 to 1 |
| 3 | `#5f785a` | `oklch(54.47% 0.0546 139.75)` | Seaweed Tea | white, 4.8 to 1 |
| 4 | `#6c815d` | `oklch(57.53% 0.0580 132.90)` | Terrain | black, 4.9 to 1 |
| 5 | `#798961` | `oklch(60.72% 0.0614 125.78)` | Green Relict | black, 5.5 to 1 |
| 6 | `#879165` | `oklch(63.71% 0.0644 119.09)` | Green Coconut | black, 6.2 to 1 |
| 7 | `#949969` | `oklch(66.65% 0.0669 113.04)` | Guacamole | black, 7 to 1 |
| 8 | `#a3a26f` | `oklch(69.97% 0.0698 107.02)` | Willow Leaf | black, 7.9 to 1 |
| 9 | `#b2aa75` | `oklch(73.22% 0.0723 101.05)` | Even Growth | black, 8.9 to 1 |
| 10 | `#bfb17a` | `oklch(75.94% 0.0741 95.15)` | Fresh Peas | black, 9.7 to 1 |
| 11 | `#c9b57f` | `oklch(77.68% 0.0746 89.33)` | Aviva | black, 10.3 to 1 |
| 12 | `#ceb482` | `oklch(78.10% 0.0733 83.62)` | Tweed Jacket | black, 10.4 to 1 |
| 13 | `#cfb183` | `oklch(77.51% 0.0700 78.02)` | Warm Butterscotch | black, 10.2 to 1 |
| 14 | `#ccab83` | `oklch(76.11% 0.0656 72.50)` | Beach Coast Buff | black, 9.7 to 1 |
| 15 | `#c6a482` | `oklch(74.05% 0.0609 67.03)` | Latte | black, 9 to 1 |
| 16 | `#be9c7f` | `oklch(71.49% 0.0567 61.60)` | Tailored Tan | black, 8.2 to 1 |
| 17 | `#b4917a` | `oklch(68.31% 0.0539 55.27)` | Changing Seasons | black, 7.2 to 1 |
| 18 | `#a68070` | `oklch(63.34% 0.0525 44.35)` | Cocoa Nutmeg | black, 5.9 to 1 |
| 19 | `#956e66` | `oklch(57.54% 0.0517 32.43)` | Prairie Dog | black, 4.7 to 1 |
| 20 | `#855e5b` | `oklch(52.23% 0.0505 24.20)` | Book Binder | white, 5.5 to 1 |
| 21 | `#795552` | `oklch(48.72% 0.0481 24.34)` | Cranberry Red | white, 6.4 to 1 |
| 22 | `#75564d` | `oklch(48.28% 0.0437 37.88)` | Terrace Brown | white, 6.5 to 1 |
| 23 | `#74624f` | `oklch(50.91% 0.0364 69.75)` | South Kingston | white, 5.8 to 1 |
| 24 | `#737563` | `oklch(55.64% 0.0275 113.24)` | Mouse Tail | white, 4.6 to 1 |
| 25 | `#7c8881` | `oklch(61.51% 0.0183 159.32)` | Juniper Ash | black, 5.7 to 1 |
| 26 | `#909999` | `oklch(67.56% 0.0103 198.97)` | Barometer | black, 7.1 to 1 |
| 27 | `#a4a8a9` | `oklch(72.87% 0.0048 223.26)` | Gris | black, 8.7 to 1 |
| 28 | `#b7b8b9` | `oklch(78.29% 0.0021 231.68)` | Fortress Grey | black, 10.6 to 1 |
| 29 | `#cacbcb` | `oklch(84.13% 0.0010 230.14)` | Silverback | black, 12.9 to 1 |
| 30 | `#dcddde` | `oklch(89.77% 0.0010 223.17)` | Athens Grey | black, 15.4 to 1 |
| 31 | `#ecedee` | `oklch(94.61% 0.0014 215.30)` | Tropical Breeze | black, 17.9 to 1 |
| 32 | `#f7f9f9` | `oklch(98.03% 0.0014 211.06)` | Doctor | black, 19.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #4f6b54 0.0%, #567157 3.2%, #5f785a 6.5%, #6c815d 9.7%, #798961 12.9%, #879165 16.1%, #949969 19.4%, #a3a26f 22.6%, #b2aa75 25.8%, #bfb17a 29.0%, #c9b57f 32.3%, #ceb482 35.5%, #cfb183 38.7%, #ccab83 41.9%, #c6a482 45.2%, #be9c7f 48.4%, #b4917a 51.6%, #a68070 54.8%, #956e66 58.1%, #855e5b 61.3%, #795552 64.5%, #75564d 67.7%, #74624f 71.0%, #737563 74.2%, #7c8881 77.4%, #909999 80.6%, #a4a8a9 83.9%, #b7b8b9 87.1%, #cacbcb 90.3%, #dcddde 93.5%, #ecedee 96.8%, #f7f9f9 100.0%);
background: linear-gradient(135deg in oklch, oklch(50.00% 0.0496 149.77) 0.0%, oklch(51.86% 0.0517 145.61) 3.2%, oklch(54.47% 0.0546 139.75) 6.5%, oklch(57.53% 0.0580 132.90) 9.7%, oklch(60.72% 0.0614 125.78) 12.9%, oklch(63.71% 0.0644 119.09) 16.1%, oklch(66.65% 0.0669 113.04) 19.4%, oklch(69.97% 0.0698 107.02) 22.6%, oklch(73.22% 0.0723 101.05) 25.8%, oklch(75.94% 0.0741 95.15) 29.0%, oklch(77.68% 0.0746 89.33) 32.3%, oklch(78.10% 0.0733 83.62) 35.5%, oklch(77.51% 0.0700 78.02) 38.7%, oklch(76.11% 0.0656 72.50) 41.9%, oklch(74.05% 0.0609 67.03) 45.2%, oklch(71.49% 0.0567 61.60) 48.4%, oklch(68.31% 0.0539 55.27) 51.6%, oklch(63.34% 0.0525 44.35) 54.8%, oklch(57.54% 0.0517 32.43) 58.1%, oklch(52.23% 0.0505 24.20) 61.3%, oklch(48.72% 0.0481 24.34) 64.5%, oklch(48.28% 0.0437 37.88) 67.7%, oklch(50.91% 0.0364 69.75) 71.0%, oklch(55.64% 0.0275 113.24) 74.2%, oklch(61.51% 0.0183 159.32) 77.4%, oklch(67.56% 0.0103 198.97) 80.6%, oklch(72.87% 0.0048 223.26) 83.9%, oklch(78.29% 0.0021 231.68) 87.1%, oklch(84.13% 0.0010 230.14) 90.3%, oklch(89.77% 0.0010 223.17) 93.5%, oklch(94.61% 0.0014 215.30) 96.8%, oklch(98.03% 0.0014 211.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.05 | 149.8 |
| 2 | 0.642 | 0.065 | 118.1 |
| 3 | 0.78 | 0.074 | 87.4 |
| 4 | 0.701 | 0.055 | 58.9 |
| 5 | 0.48 | 0.045 | 31.4 |
| 6 | 0.72 | 0.006 | 220.6 |
| 7 | 0.98 | 0.001 | 211.1 |

## In these collections

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

## Other forms

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