# Terracotta and turquoise fynbos after winter rain

The Terracotta and turquoise fynbos after winter rain brings together orange, red, blue, and teal. 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 teal.

- Also called: Brown, purple and blue linear gradient
- Seed: `kaoU8vwia9LOau0unjat6m8cclvZVoDvA`
- Page: https://grabient.com/kaoU8vwia9LOau0unjat6m8cclvZVoDvA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.8 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 | `#b67c3b` | `oklch(63.39% 0.1089 66.80)` | Spruce Yellow | black, 5.9 to 1 |
| 2 | `#b37638` | `oklch(61.89% 0.1090 64.00)` | Saucy Gold | black, 5.5 to 1 |
| 3 | `#af6f35` | `oklch(59.80% 0.1094 60.22)` | Reno Sand | black, 5.1 to 1 |
| 4 | `#a96532` | `oklch(57.34% 0.1095 55.61)` | Autumn Surprise | black, 4.6 to 1 |
| 5 | `#a25c31` | `oklch(54.77% 0.1088 50.33)` | Glazed Ginger | white, 5 to 1 |
| 6 | `#9c5432` | `oklch(52.34% 0.1067 44.55)` | Piper | white, 5.6 to 1 |
| 7 | `#944d36` | `oklch(50.05% 0.1020 38.57)` | Arabian Spice | white, 6.2 to 1 |
| 8 | `#8a4639` | `oklch(47.61% 0.0949 32.43)` | Remember Me Red | white, 6.9 to 1 |
| 9 | `#7f413c` | `oklch(45.20% 0.0868 25.65)` | Spiced Apple | white, 7.7 to 1 |
| 10 | `#753c3f` | `oklch(42.97% 0.0793 17.71)` | Fruitful Orchard | white, 8.4 to 1 |
| 11 | `#6c3843` | `oklch(41.08% 0.0740 8.11)` | Ripening Grape | white, 9.1 to 1 |
| 12 | `#653548` | `oklch(39.60% 0.0720 355.92)` | Grape Wine | white, 9.7 to 1 |
| 13 | `#5d334f` | `oklch(38.34% 0.0722 340.40)` | Italian Plum | white, 10.2 to 1 |
| 14 | `#533257` | `oklch(37.36% 0.0740 323.32)` | Purple Prose | white, 10.6 to 1 |
| 15 | `#49335f` | `oklch(36.73% 0.0770 306.57)` | Royal Crown | white, 10.8 to 1 |
| 16 | `#403565` | `oklch(36.53% 0.0807 292.06)` | Minsk | white, 10.9 to 1 |
| 17 | `#38386b` | `oklch(36.84% 0.0851 281.43)` | Rhynchites Nitens | white, 10.7 to 1 |
| 18 | `#333c72` | `oklch(37.71% 0.0915 273.82)` | Torea Bay | white, 10.3 to 1 |
| 19 | `#2f417a` | `oklch(39.02% 0.0992 268.22)` | Sodalite Blue | white, 9.7 to 1 |
| 20 | `#2b4682` | `oklch(40.65% 0.1065 263.79)` | Florida Waters | white, 9 to 1 |
| 21 | `#264d8b` | `oklch(42.46% 0.1122 259.66)` | Unity | white, 8.3 to 1 |
| 22 | `#215491` | `oklch(44.35% 0.1149 255.12)` | Vegeta Blue | white, 7.6 to 1 |
| 23 | `#1e5b97` | `oklch(46.51% 0.1147 251.17)` | Beacon Blue | white, 6.9 to 1 |
| 24 | `#1f649c` | `oklch(48.91% 0.1125 247.77)` | Lapis Lazuli | white, 6.2 to 1 |
| 25 | `#236da1` | `oklch(51.43% 0.1093 244.41)` | Deep Water | white, 5.5 to 1 |
| 26 | `#2875a6` | `oklch(53.93% 0.1058 240.56)` | In the Mood | white, 5 to 1 |
| 27 | `#2a7ea9` | `oklch(56.29% 0.1029 235.66)` | Prominent Blue | black, 4.6 to 1 |
| 28 | `#2c87ac` | `oklch(58.76% 0.0999 229.02)` | Blue Splash | black, 5.1 to 1 |
| 29 | `#3191ad` | `oklch(61.33% 0.0965 221.22)` | Blue Moon | black, 5.7 to 1 |
| 30 | `#399aad` | `oklch(63.77% 0.0931 213.35)` | Rainy Mood | black, 6.3 to 1 |
| 31 | `#41a1ad` | `oklch(65.84% 0.0902 206.49)` | Marlin Green | black, 6.9 to 1 |
| 32 | `#49a6ad` | `oklch(67.32% 0.0882 201.71)` | Modal Blue | black, 7.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #b67c3b 0.0%, #b37638 3.2%, #af6f35 6.5%, #a96532 9.7%, #a25c31 12.9%, #9c5432 16.1%, #944d36 19.4%, #8a4639 22.6%, #7f413c 25.8%, #753c3f 29.0%, #6c3843 32.3%, #653548 35.5%, #5d334f 38.7%, #533257 41.9%, #49335f 45.2%, #403565 48.4%, #38386b 51.6%, #333c72 54.8%, #2f417a 58.1%, #2b4682 61.3%, #264d8b 64.5%, #215491 67.7%, #1e5b97 71.0%, #1f649c 74.2%, #236da1 77.4%, #2875a6 80.6%, #2a7ea9 83.9%, #2c87ac 87.1%, #3191ad 90.3%, #399aad 93.5%, #41a1ad 96.8%, #49a6ad 100.0%);
background: linear-gradient(135deg in oklch, oklch(63.39% 0.1089 66.80) 0.0%, oklch(61.89% 0.1090 64.00) 3.2%, oklch(59.80% 0.1094 60.22) 6.5%, oklch(57.34% 0.1095 55.61) 9.7%, oklch(54.77% 0.1088 50.33) 12.9%, oklch(52.34% 0.1067 44.55) 16.1%, oklch(50.05% 0.1020 38.57) 19.4%, oklch(47.61% 0.0949 32.43) 22.6%, oklch(45.20% 0.0868 25.65) 25.8%, oklch(42.97% 0.0793 17.71) 29.0%, oklch(41.08% 0.0740 8.11) 32.3%, oklch(39.60% 0.0720 355.92) 35.5%, oklch(38.34% 0.0722 340.40) 38.7%, oklch(37.36% 0.0740 323.32) 41.9%, oklch(36.73% 0.0770 306.57) 45.2%, oklch(36.53% 0.0807 292.06) 48.4%, oklch(36.84% 0.0851 281.43) 51.6%, oklch(37.71% 0.0915 273.82) 54.8%, oklch(39.02% 0.0992 268.22) 58.1%, oklch(40.65% 0.1065 263.79) 61.3%, oklch(42.46% 0.1122 259.66) 64.5%, oklch(44.35% 0.1149 255.12) 67.7%, oklch(46.51% 0.1147 251.17) 71.0%, oklch(48.91% 0.1125 247.77) 74.2%, oklch(51.43% 0.1093 244.41) 77.4%, oklch(53.93% 0.1058 240.56) 80.6%, oklch(56.29% 0.1029 235.66) 83.9%, oklch(58.76% 0.0999 229.02) 87.1%, oklch(61.33% 0.0965 221.22) 90.3%, oklch(63.77% 0.0931 213.35) 93.5%, oklch(65.84% 0.0902 206.49) 96.8%, oklch(67.32% 0.0882 201.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.634 | 0.109 | 66.8 |
| 2 | 0.52 | 0.106 | 43.5 |
| 3 | 0.406 | 0.073 | 4.4 |
| 4 | 0.366 | 0.083 | -73.8 |
| 5 | 0.437 | 0.114 | -103.3 |
| 6 | 0.559 | 0.103 | -123.4 |
| 7 | 0.673 | 0.088 | -158.3 |

## In these collections

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

## Other forms

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