# Sage, ochre and terracotta afro bohemian palette

The Sage, ochre and terracotta afro bohemian palette brings together green and orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is orange.

- Also called: Analogous dark green to tan linear gradient
- Seed: `kUUxZbwBo-8Qbt7dHsLA`
- Page: https://grabient.com/kUUxZbwBo-8Qbt7dHsLA?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.1 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 | `#303827` | `oklch(32.68% 0.0303 128.67)` | Aimiru Brown | white, 12.2 to 1 |
| 2 | `#323b28` | `oklch(33.75% 0.0328 128.45)` | Green Kelp | white, 11.7 to 1 |
| 3 | `#353f2a` | `oklch(35.21% 0.0363 128.49)` | Deep Seaweed | white, 11 to 1 |
| 4 | `#39442d` | `oklch(36.96% 0.0404 128.67)` | Mallardish | white, 10.3 to 1 |
| 5 | `#3d4a30` | `oklch(38.92% 0.0450 128.83)` | Rifle Green | white, 9.4 to 1 |
| 6 | `#425032` | `oklch(40.99% 0.0499 128.83)` | Matsuba Green | white, 8.6 to 1 |
| 7 | `#475635` | `oklch(43.09% 0.0548 128.53)` | Zen Garden Olive | white, 7.9 to 1 |
| 8 | `#4c5c37` | `oklch(45.13% 0.0596 127.78)` | Stinging Nettle | white, 7.2 to 1 |
| 9 | `#526239` | `oklch(47.03% 0.0640 126.44)` | Inverness | white, 6.6 to 1 |
| 10 | `#57663a` | `oklch(48.69% 0.0678 124.37)` | Marsh Mix | white, 6.2 to 1 |
| 11 | `#5d6a3a` | `oklch(50.03% 0.0709 121.42)` | Globe Artichoke | white, 5.8 to 1 |
| 12 | `#636c39` | `oklch(50.98% 0.0730 117.27)` | Globe Artichoke | white, 5.6 to 1 |
| 13 | `#696c37` | `oklch(51.55% 0.0744 111.42)` | Safari Green | white, 5.5 to 1 |
| 14 | `#6f6b34` | `oklch(51.83% 0.0753 104.25)` | Robinhood | white, 5.4 to 1 |
| 15 | `#756932` | `oklch(51.92% 0.0757 96.18)` | Racoon Eyes | white, 5.5 to 1 |
| 16 | `#7b6631` | `oklch(51.88% 0.0758 87.62)` | Brazen Brass | white, 5.5 to 1 |
| 17 | `#806332` | `oklch(51.81% 0.0757 79.01)` | Dirt Brown | white, 5.6 to 1 |
| 18 | `#846135` | `oklch(51.80% 0.0755 70.76)` | Quiver | white, 5.6 to 1 |
| 19 | `#875f39` | `oklch(51.92% 0.0753 63.31)` | Quiver | white, 5.6 to 1 |
| 20 | `#8b5e3d` | `oklch(52.26% 0.0753 57.05)` | Western Pursuit | white, 5.5 to 1 |
| 21 | `#8e5f41` | `oklch(52.90% 0.0755 52.44)` | Western Pursuit | white, 5.4 to 1 |
| 22 | `#926146` | `oklch(53.94% 0.0760 49.85)` | Cinnamon Spice | white, 5.2 to 1 |
| 23 | `#97654a` | `oklch(55.42% 0.0767 49.18)` | Rustic Earth | white, 4.8 to 1 |
| 24 | `#9d6a4e` | `oklch(57.26% 0.0775 50.08)` | Foxfire Brown | black, 4.6 to 1 |
| 25 | `#a47152` | `oklch(59.36% 0.0784 52.21)` | Red Rock Falls | black, 5 to 1 |
| 26 | `#aa7856` | `oklch(61.63% 0.0794 55.26)` | New England Roast | black, 5.5 to 1 |
| 27 | `#b1805a` | `oklch(63.97% 0.0803 58.90)` | Circus Peanut | black, 6.1 to 1 |
| 28 | `#b7885e` | `oklch(66.28% 0.0813 62.82)` | Tudor Tan | black, 6.6 to 1 |
| 29 | `#bc9062` | `oklch(68.46% 0.0821 66.69)` | Corner Café | black, 7.3 to 1 |
| 30 | `#c19765` | `oklch(70.41% 0.0829 70.18)` | Mannered Gold | black, 7.8 to 1 |
| 31 | `#c59d69` | `oklch(72.03% 0.0836 72.99)` | Amber Autumn | black, 8.3 to 1 |
| 32 | `#c8a16b` | `oklch(73.23% 0.0841 74.78)` | Buckskin Pony | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #303827 0.0%, #323b28 3.2%, #353f2a 6.5%, #39442d 9.7%, #3d4a30 12.9%, #425032 16.1%, #475635 19.4%, #4c5c37 22.6%, #526239 25.8%, #57663a 29.0%, #5d6a3a 32.3%, #636c39 35.5%, #696c37 38.7%, #6f6b34 41.9%, #756932 45.2%, #7b6631 48.4%, #806332 51.6%, #846135 54.8%, #875f39 58.1%, #8b5e3d 61.3%, #8e5f41 64.5%, #926146 67.7%, #97654a 71.0%, #9d6a4e 74.2%, #a47152 77.4%, #aa7856 80.6%, #b1805a 83.9%, #b7885e 87.1%, #bc9062 90.3%, #c19765 93.5%, #c59d69 96.8%, #c8a16b 100.0%);
background: linear-gradient(225deg in oklch, oklch(32.68% 0.0303 128.67) 0.0%, oklch(33.75% 0.0328 128.45) 3.2%, oklch(35.21% 0.0363 128.49) 6.5%, oklch(36.96% 0.0404 128.67) 9.7%, oklch(38.92% 0.0450 128.83) 12.9%, oklch(40.99% 0.0499 128.83) 16.1%, oklch(43.09% 0.0548 128.53) 19.4%, oklch(45.13% 0.0596 127.78) 22.6%, oklch(47.03% 0.0640 126.44) 25.8%, oklch(48.69% 0.0678 124.37) 29.0%, oklch(50.03% 0.0709 121.42) 32.3%, oklch(50.98% 0.0730 117.27) 35.5%, oklch(51.55% 0.0744 111.42) 38.7%, oklch(51.83% 0.0753 104.25) 41.9%, oklch(51.92% 0.0757 96.18) 45.2%, oklch(51.88% 0.0758 87.62) 48.4%, oklch(51.81% 0.0757 79.01) 51.6%, oklch(51.80% 0.0755 70.76) 54.8%, oklch(51.92% 0.0753 63.31) 58.1%, oklch(52.26% 0.0753 57.05) 61.3%, oklch(52.90% 0.0755 52.44) 64.5%, oklch(53.94% 0.0760 49.85) 67.7%, oklch(55.42% 0.0767 49.18) 71.0%, oklch(57.26% 0.0775 50.08) 74.2%, oklch(59.36% 0.0784 52.21) 77.4%, oklch(61.63% 0.0794 55.26) 80.6%, oklch(63.97% 0.0803 58.90) 83.9%, oklch(66.28% 0.0813 62.82) 87.1%, oklch(68.46% 0.0821 66.69) 90.3%, oklch(70.41% 0.0829 70.18) 93.5%, oklch(72.03% 0.0836 72.99) 96.8%, oklch(73.23% 0.0841 74.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.327 | 0.03 | 128.7 |
| 2 | 0.504 | 0.072 | 120.2 |
| 3 | 0.535 | 0.076 | 50.5 |
| 4 | 0.732 | 0.084 | 74.8 |

## In these collections

- [Afro bohemian](https://grabient.com/afro-bohemian)

## Other forms

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