# Ochre fynbos after winter rain

The Ochre fynbos after winter rain brings together gold, orange, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Complementary tan, gray and blue linear gradient
- Seed: `kau0Q80aC-0Qavs5ijzNgwxTucvVFoD6A`
- Page: https://grabient.com/kau0Q80aC-0Qavs5ijzNgwxTucvVFoD6A?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.5 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 | `#c5a562` | `oklch(73.62% 0.0937 85.08)` | Spring Roll | black, 8.9 to 1 |
| 2 | `#c2a15f` | `oklch(72.41% 0.0933 83.84)` | Magic Lamp | black, 8.5 to 1 |
| 3 | `#be9b5a` | `oklch(70.71% 0.0930 82.09)` | Packing Paper | black, 8 to 1 |
| 4 | `#b89455` | `oklch(68.70% 0.0924 80.04)` | Maple Syrup | black, 7.4 to 1 |
| 5 | `#b38d50` | `oklch(66.57% 0.0914 77.90)` | Honey Mustard | black, 6.8 to 1 |
| 6 | `#ad864c` | `oklch(64.50% 0.0899 75.88)` | Golden Cadillac | black, 6.2 to 1 |
| 7 | `#a78048` | `oklch(62.50% 0.0879 74.22)` | Caramel Suede | black, 5.8 to 1 |
| 8 | `#a17944` | `oklch(60.39% 0.0858 72.88)` | Goldenrod Tea | black, 5.3 to 1 |
| 9 | `#9a7341` | `oklch(58.25% 0.0832 71.50)` | Favourite Ale | black, 4.8 to 1 |
| 10 | `#936c3e` | `oklch(56.15% 0.0797 69.71)` | Lion’s Mane Blonde | white, 4.6 to 1 |
| 11 | `#8c663e` | `oklch(54.16% 0.0749 67.15)` | Cambridge Leather | white, 5.1 to 1 |
| 12 | `#86613f` | `oklch(52.32% 0.0682 64.18)` | Spice Bazaar | white, 5.5 to 1 |
| 13 | `#7d5d41` | `oklch(50.51% 0.0587 62.21)` | Jute Brown | white, 5.9 to 1 |
| 14 | `#745a44` | `oklch(48.78% 0.0480 59.71)` | Alpha Male | white, 6.4 to 1 |
| 15 | `#6d5647` | `oklch(47.20% 0.0379 54.92)` | Caramelised Walnut | white, 6.8 to 1 |
| 16 | `#66534a` | `oklch(45.85% 0.0301 46.10)` | Bargeboard Brown | white, 7.2 to 1 |
| 17 | `#62504c` | `oklch(44.76% 0.0259 31.08)` | Spanish Raisin | white, 7.6 to 1 |
| 18 | `#5f4d50` | `oklch(43.86% 0.0242 7.82)` | Jacqueline | white, 7.9 to 1 |
| 19 | `#5a4b54` | `oklch(43.16% 0.0245 339.95)` | Purple Empire | white, 8.1 to 1 |
| 20 | `#544b5a` | `oklch(42.69% 0.0265 311.80)` | Mulled Wine | white, 8.3 to 1 |
| 21 | `#4d4c5e` | `oklch(42.49% 0.0300 287.69)` | Odyssey Grey | white, 8.3 to 1 |
| 22 | `#484e62` | `oklch(42.59% 0.0349 271.68)` | Midnight Iris | white, 8.2 to 1 |
| 23 | `#435068` | `oklch(43.05% 0.0429 262.80)` | Navy Damask | white, 8.1 to 1 |
| 24 | `#40536f` | `oklch(43.80% 0.0529 258.50)` | Signature Blue | white, 7.8 to 1 |
| 25 | `#3d5678` | `oklch(44.76% 0.0634 256.78)` | Star Spangled | white, 7.5 to 1 |
| 26 | `#3c5980` | `oklch(45.87% 0.0728 255.68)` | Sailor | white, 7.1 to 1 |
| 27 | `#395d87` | `oklch(47.05% 0.0794 253.27)` | Moroccan Resort | white, 6.7 to 1 |
| 28 | `#38628d` | `oklch(48.54% 0.0833 250.24)` | Mississippi River | white, 6.3 to 1 |
| 29 | `#396892` | `oklch(50.30% 0.0856 247.59)` | Too Blue | white, 5.8 to 1 |
| 30 | `#3b6e98` | `oklch(52.09% 0.0868 245.35)` | National Anthem | white, 5.4 to 1 |
| 31 | `#3d739d` | `oklch(53.64% 0.0875 243.54)` | Phenomenon | white, 5 to 1 |
| 32 | `#3e77a0` | `oklch(54.72% 0.0882 242.18)` | Taiwan Blue Magpie | white, 4.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c5a562 0.0%, #c2a15f 3.2%, #be9b5a 6.5%, #b89455 9.7%, #b38d50 12.9%, #ad864c 16.1%, #a78048 19.4%, #a17944 22.6%, #9a7341 25.8%, #936c3e 29.0%, #8c663e 32.3%, #86613f 35.5%, #7d5d41 38.7%, #745a44 41.9%, #6d5647 45.2%, #66534a 48.4%, #62504c 51.6%, #5f4d50 54.8%, #5a4b54 58.1%, #544b5a 61.3%, #4d4c5e 64.5%, #484e62 67.7%, #435068 71.0%, #40536f 74.2%, #3d5678 77.4%, #3c5980 80.6%, #395d87 83.9%, #38628d 87.1%, #396892 90.3%, #3b6e98 93.5%, #3d739d 96.8%, #3e77a0 100.0%);
background: linear-gradient(135deg in oklch, oklch(73.62% 0.0937 85.08) 0.0%, oklch(72.41% 0.0933 83.84) 3.2%, oklch(70.71% 0.0930 82.09) 6.5%, oklch(68.70% 0.0924 80.04) 9.7%, oklch(66.57% 0.0914 77.90) 12.9%, oklch(64.50% 0.0899 75.88) 16.1%, oklch(62.50% 0.0879 74.22) 19.4%, oklch(60.39% 0.0858 72.88) 22.6%, oklch(58.25% 0.0832 71.50) 25.8%, oklch(56.15% 0.0797 69.71) 29.0%, oklch(54.16% 0.0749 67.15) 32.3%, oklch(52.32% 0.0682 64.18) 35.5%, oklch(50.51% 0.0587 62.21) 38.7%, oklch(48.78% 0.0480 59.71) 41.9%, oklch(47.20% 0.0379 54.92) 45.2%, oklch(45.85% 0.0301 46.10) 48.4%, oklch(44.76% 0.0259 31.08) 51.6%, oklch(43.86% 0.0242 7.82) 54.8%, oklch(43.16% 0.0245 339.95) 58.1%, oklch(42.69% 0.0265 311.80) 61.3%, oklch(42.49% 0.0300 287.69) 64.5%, oklch(42.59% 0.0349 271.68) 67.7%, oklch(43.05% 0.0429 262.80) 71.0%, oklch(43.80% 0.0529 258.50) 74.2%, oklch(44.76% 0.0634 256.78) 77.4%, oklch(45.87% 0.0728 255.68) 80.6%, oklch(47.05% 0.0794 253.27) 83.9%, oklch(48.54% 0.0833 250.24) 87.1%, oklch(50.30% 0.0856 247.59) 90.3%, oklch(52.09% 0.0868 245.35) 93.5%, oklch(53.64% 0.0875 243.54) 96.8%, oklch(54.72% 0.0882 242.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.094 | 85.1 |
| 2 | 0.642 | 0.09 | 75.6 |
| 3 | 0.535 | 0.073 | 66.1 |
| 4 | 0.453 | 0.028 | 39.6 |
| 5 | 0.425 | 0.033 | -84 |
| 6 | 0.469 | 0.079 | -106.2 |
| 7 | 0.547 | 0.088 | -117.8 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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