# Deep cyan fynbos after winter rain

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

- Also called: Navy, gray, tan and pink linear gradient
- Seed: `kWVhuoPRA7FIPN5YmLaTi074`
- Page: https://grabient.com/kWVhuoPRA7FIPN5YmLaTi074?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#243b48` | `oklch(33.86% 0.0372 236.25)` | Tarawera | white, 11.7 to 1 |
| 2 | `#263e4b` | `oklch(34.98% 0.0378 233.16)` | Bakos Blue | white, 11.2 to 1 |
| 3 | `#28424f` | `oklch(36.45% 0.0387 229.27)` | Reflecting Pond | white, 10.5 to 1 |
| 4 | `#2a4853` | `oklch(38.21% 0.0398 224.65)` | Mallard | white, 9.8 to 1 |
| 5 | `#2e4e57` | `oklch(40.16% 0.0410 219.38)` | Seaworthy | white, 9 to 1 |
| 6 | `#31545c` | `oklch(42.25% 0.0421 213.52)` | Frozen Stream | white, 8.2 to 1 |
| 7 | `#365b60` | `oklch(44.39% 0.0431 207.16)` | Arctic Nights | white, 7.4 to 1 |
| 8 | `#3b6163` | `oklch(46.51% 0.0438 200.37)` | Pyrite Green | white, 6.8 to 1 |
| 9 | `#406766` | `oklch(48.53% 0.0441 193.20)` | Moat | white, 6.2 to 1 |
| 10 | `#486e69` | `oklch(50.69% 0.0439 185.39)` | Farrago | white, 5.6 to 1 |
| 11 | `#51746b` | `oklch(53.00% 0.0431 176.90)` | Tandayapa Cloud Forest | white, 5.1 to 1 |
| 12 | `#5b7b6e` | `oklch(55.38% 0.0421 167.87)` | Stately Stems | white, 4.6 to 1 |
| 13 | `#658171` | `oklch(57.74% 0.0412 158.44)` | Ecological | black, 4.9 to 1 |
| 14 | `#708773` | `oklch(59.99% 0.0404 148.74)` | Thyme and Place | black, 5.4 to 1 |
| 15 | `#7a8d75` | `oklch(62.05% 0.0402 138.92)` | Shallot Bulb | black, 5.8 to 1 |
| 16 | `#849177` | `oklch(63.82% 0.0407 129.10)` | Ginkgo Tree | black, 6.2 to 1 |
| 17 | `#8d9477` | `oklch(65.25% 0.0422 119.27)` | Leafy Rise | black, 6.6 to 1 |
| 18 | `#959677` | `oklch(66.48% 0.0441 108.74)` | Blanched Thyme | black, 6.9 to 1 |
| 19 | `#9e9877` | `oklch(67.53% 0.0466 97.69)` | A Frond in Need | black, 7.1 to 1 |
| 20 | `#a79877` | `oklch(68.40% 0.0495 86.47)` | Olive Chutney | black, 7.3 to 1 |
| 21 | `#af9777` | `oklch(69.07% 0.0529 75.43)` | Cookie Crumb | black, 7.5 to 1 |
| 22 | `#b69678` | `oklch(69.52% 0.0568 64.92)` | Soft Fawn | black, 7.6 to 1 |
| 23 | `#bc9479` | `oklch(69.74% 0.0613 55.28)` | Sturdy Bronze | black, 7.6 to 1 |
| 24 | `#c1917b` | `oklch(69.73% 0.0662 46.85)` | Copper Lake | black, 7.6 to 1 |
| 25 | `#c48e7b` | `oklch(69.38% 0.0720 39.77)` | Roycroft Rose | black, 7.4 to 1 |
| 26 | `#c6887a` | `oklch(68.56% 0.0793 33.60)` | Yum Raw Spam | black, 7.2 to 1 |
| 27 | `#c78278` | `oklch(67.40% 0.0876 28.25)` | Luscious Lobster | black, 6.8 to 1 |
| 28 | `#c77a76` | `oklch(66.05% 0.0963 23.64)` | Chilli Soda | black, 6.4 to 1 |
| 29 | `#c67374` | `oklch(64.63% 0.1049 19.71)` | Pink Dazzle | black, 6 to 1 |
| 30 | `#c56c72` | `oklch(63.29% 0.1127 16.36)` | Playful Pink | black, 5.7 to 1 |
| 31 | `#c36671` | `oklch(62.18% 0.1193 13.54)` | Watermelon Gelato | black, 5.4 to 1 |
| 32 | `#c26272` | `oklch(61.42% 0.1240 11.16)` | Triple Berry | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #243b48 0.0%, #263e4b 3.2%, #28424f 6.5%, #2a4853 9.7%, #2e4e57 12.9%, #31545c 16.1%, #365b60 19.4%, #3b6163 22.6%, #406766 25.8%, #486e69 29.0%, #51746b 32.3%, #5b7b6e 35.5%, #658171 38.7%, #708773 41.9%, #7a8d75 45.2%, #849177 48.4%, #8d9477 51.6%, #959677 54.8%, #9e9877 58.1%, #a79877 61.3%, #af9777 64.5%, #b69678 67.7%, #bc9479 71.0%, #c1917b 74.2%, #c48e7b 77.4%, #c6887a 80.6%, #c78278 83.9%, #c77a76 87.1%, #c67374 90.3%, #c56c72 93.5%, #c36671 96.8%, #c26272 100.0%);
background: linear-gradient(180deg in oklch, oklch(33.86% 0.0372 236.25) 0.0%, oklch(34.98% 0.0378 233.16) 3.2%, oklch(36.45% 0.0387 229.27) 6.5%, oklch(38.21% 0.0398 224.65) 9.7%, oklch(40.16% 0.0410 219.38) 12.9%, oklch(42.25% 0.0421 213.52) 16.1%, oklch(44.39% 0.0431 207.16) 19.4%, oklch(46.51% 0.0438 200.37) 22.6%, oklch(48.53% 0.0441 193.20) 25.8%, oklch(50.69% 0.0439 185.39) 29.0%, oklch(53.00% 0.0431 176.90) 32.3%, oklch(55.38% 0.0421 167.87) 35.5%, oklch(57.74% 0.0412 158.44) 38.7%, oklch(59.99% 0.0404 148.74) 41.9%, oklch(62.05% 0.0402 138.92) 45.2%, oklch(63.82% 0.0407 129.10) 48.4%, oklch(65.25% 0.0422 119.27) 51.6%, oklch(66.48% 0.0441 108.74) 54.8%, oklch(67.53% 0.0466 97.69) 58.1%, oklch(68.40% 0.0495 86.47) 61.3%, oklch(69.07% 0.0529 75.43) 64.5%, oklch(69.52% 0.0568 64.92) 67.7%, oklch(69.74% 0.0613 55.28) 71.0%, oklch(69.73% 0.0662 46.85) 74.2%, oklch(69.38% 0.0720 39.77) 77.4%, oklch(68.56% 0.0793 33.60) 80.6%, oklch(67.40% 0.0876 28.25) 83.9%, oklch(66.05% 0.0963 23.64) 87.1%, oklch(64.63% 0.1049 19.71) 90.3%, oklch(63.29% 0.1127 16.36) 93.5%, oklch(62.18% 0.1193 13.54) 96.8%, oklch(61.42% 0.1240 11.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.037 | 236.3 |
| 2 | 0.48 | 0.044 | 195 |
| 3 | 0.646 | 0.041 | 124.2 |
| 4 | 0.697 | 0.068 | 45 |
| 5 | 0.614 | 0.124 | 11.2 |

## In these collections

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

## Other forms

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