# Deep cyan, sage and ochre afro bohemian

The Deep cyan, sage and ochre afro bohemian brings together teal, orange, and gold. 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 teal, and its lightest tone is gold.

- Also called: Navy, teal and tan linear gradient
- Seed: `kUVCCcQpg-FSnsPlIMDA`
- Page: https://grabient.com/kUVCCcQpg-FSnsPlIMDA?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark to light, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.3 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 | `#183b45` | `oklch(33.07% 0.0441 219.37)` | Royal Neptune | white, 12 to 1 |
| 2 | `#193e48` | `oklch(34.20% 0.0453 218.94)` | Sunken Harbour | white, 11.4 to 1 |
| 3 | `#1c424d` | `oklch(35.67% 0.0467 218.98)` | Winter Waves | white, 10.8 to 1 |
| 4 | `#204752` | `oklch(37.41% 0.0483 219.25)` | Moscow Midnight | white, 10 to 1 |
| 5 | `#234c58` | `oklch(39.37% 0.0501 219.49)` | Berry Blue Green | white, 9.2 to 1 |
| 6 | `#27525f` | `oklch(41.47% 0.0521 219.43)` | Blue Bayberry | white, 8.4 to 1 |
| 7 | `#2b5966` | `oklch(43.65% 0.0543 218.82)` | Deep Loch | white, 7.7 to 1 |
| 8 | `#2f5f6c` | `oklch(45.84% 0.0567 217.41)` | Flowing River | white, 7 to 1 |
| 9 | `#316672` | `oklch(47.97% 0.0593 214.92)` | Mordant Blue | white, 6.3 to 1 |
| 10 | `#336d77` | `oklch(49.98% 0.0621 211.11)` | Lakelike | white, 5.8 to 1 |
| 11 | `#34737b` | `oklch(51.81% 0.0651 205.72)` | King Tide | white, 5.3 to 1 |
| 12 | `#35797b` | `oklch(53.42% 0.0684 198.21)` | Diver’s Eden | white, 5 to 1 |
| 13 | `#377f79` | `oklch(54.95% 0.0725 187.90)` | Apatite Blue | white, 4.6 to 1 |
| 14 | `#3d8573` | `oklch(56.41% 0.0772 175.36)` | Aussie Surf | black, 4.7 to 1 |
| 15 | `#49896a` | `oklch(57.82% 0.0823 161.27)` | Mallard Green | black, 5 to 1 |
| 16 | `#5a8c5e` | `oklch(59.18% 0.0875 146.28)` | Hippie Green | black, 5.3 to 1 |
| 17 | `#6e8d51` | `oklch(60.50% 0.0926 131.07)` | Forest Bound | black, 5.6 to 1 |
| 18 | `#828d45` | `oklch(61.80% 0.0974 116.31)` | Sea Turtle | black, 5.8 to 1 |
| 19 | `#958c3c` | `oklch(63.09% 0.1017 102.65)` | Highball | black, 6 to 1 |
| 20 | `#a58a39` | `oklch(64.37% 0.1053 90.76)` | Peanut Brittle | black, 6.3 to 1 |
| 21 | `#b38a3b` | `oklch(65.66% 0.1078 81.32)` | Brass Yellow | black, 6.5 to 1 |
| 22 | `#bc8b41` | `oklch(66.98% 0.1092 74.93)` | Peanut Butter | black, 6.8 to 1 |
| 23 | `#c48d47` | `oklch(68.36% 0.1093 71.15)` | Garden Ochre | black, 7.2 to 1 |
| 24 | `#c9914e` | `oklch(69.81% 0.1083 69.45)` | Slightly Golden | black, 7.6 to 1 |
| 25 | `#cd9654` | `oklch(71.27% 0.1065 69.43)` | Sugar Glazed Cashew | black, 8 to 1 |
| 26 | `#d09b5a` | `oklch(72.73% 0.1042 70.71)` | Autumn Spice | black, 8.5 to 1 |
| 27 | `#d2a160` | `oklch(74.15% 0.1014 72.90)` | Brick Yellow | black, 9 to 1 |
| 28 | `#d4a766` | `oklch(75.50% 0.0985 75.62)` | Ungor Beige | black, 9.4 to 1 |
| 29 | `#d5ac6b` | `oklch(76.74% 0.0956 78.49)` | New Wheat | black, 9.9 to 1 |
| 30 | `#d5b170` | `oklch(77.85% 0.0930 81.12)` | Indonesian Rattan | black, 10.3 to 1 |
| 31 | `#d6b575` | `oklch(78.79% 0.0909 83.12)` | Sinking Sand | black, 10.7 to 1 |
| 32 | `#d7b878` | `oklch(79.53% 0.0896 84.11)` | Sinking Sand | black, 11 to 1 |

## CSS

```css
background: linear-gradient(225deg, #183b45 0.0%, #193e48 3.2%, #1c424d 6.5%, #204752 9.7%, #234c58 12.9%, #27525f 16.1%, #2b5966 19.4%, #2f5f6c 22.6%, #316672 25.8%, #336d77 29.0%, #34737b 32.3%, #35797b 35.5%, #377f79 38.7%, #3d8573 41.9%, #49896a 45.2%, #5a8c5e 48.4%, #6e8d51 51.6%, #828d45 54.8%, #958c3c 58.1%, #a58a39 61.3%, #b38a3b 64.5%, #bc8b41 67.7%, #c48d47 71.0%, #c9914e 74.2%, #cd9654 77.4%, #d09b5a 80.6%, #d2a160 83.9%, #d4a766 87.1%, #d5ac6b 90.3%, #d5b170 93.5%, #d6b575 96.8%, #d7b878 100.0%);
background: linear-gradient(225deg in oklch, oklch(33.07% 0.0441 219.37) 0.0%, oklch(34.20% 0.0453 218.94) 3.2%, oklch(35.67% 0.0467 218.98) 6.5%, oklch(37.41% 0.0483 219.25) 9.7%, oklch(39.37% 0.0501 219.49) 12.9%, oklch(41.47% 0.0521 219.43) 16.1%, oklch(43.65% 0.0543 218.82) 19.4%, oklch(45.84% 0.0567 217.41) 22.6%, oklch(47.97% 0.0593 214.92) 25.8%, oklch(49.98% 0.0621 211.11) 29.0%, oklch(51.81% 0.0651 205.72) 32.3%, oklch(53.42% 0.0684 198.21) 35.5%, oklch(54.95% 0.0725 187.90) 38.7%, oklch(56.41% 0.0772 175.36) 41.9%, oklch(57.82% 0.0823 161.27) 45.2%, oklch(59.18% 0.0875 146.28) 48.4%, oklch(60.50% 0.0926 131.07) 51.6%, oklch(61.80% 0.0974 116.31) 54.8%, oklch(63.09% 0.1017 102.65) 58.1%, oklch(64.37% 0.1053 90.76) 61.3%, oklch(65.66% 0.1078 81.32) 64.5%, oklch(66.98% 0.1092 74.93) 67.7%, oklch(68.36% 0.1093 71.15) 71.0%, oklch(69.81% 0.1083 69.45) 74.2%, oklch(71.27% 0.1065 69.43) 77.4%, oklch(72.73% 0.1042 70.71) 80.6%, oklch(74.15% 0.1014 72.90) 83.9%, oklch(75.50% 0.0985 75.62) 87.1%, oklch(76.74% 0.0956 78.49) 90.3%, oklch(77.85% 0.0930 81.12) 93.5%, oklch(78.79% 0.0909 83.12) 96.8%, oklch(79.53% 0.0896 84.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.044 | 219.4 |
| 2 | 0.524 | 0.066 | 203.5 |
| 3 | 0.665 | 0.109 | 76.7 |
| 4 | 0.795 | 0.09 | 84.1 |

## In these collections

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

## Other forms

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