# Mustard and indigo fynbos after winter rain

The Mustard and indigo fynbos after winter rain brings together gold, green, 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: Olive and blue linear swatches
- Seed: `kWwmRP2RpCEwVTQ_tUMOLNBY`
- Page: https://grabient.com/kWwmRP2RpCEwVTQ_tUMOLNBY?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light to dark
- 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 | `#b5ba47` | `oklch(76.38% 0.1378 111.80)` | Japanese Fern | black, 10.1 to 1 |
| 2 | `#9dac70` | `oklch(71.69% 0.0826 119.93)` | Rural Eyes | black, 8.5 to 1 |
| 3 | `#659798` | `oklch(64.10% 0.0535 197.96)` | Vintage Teal | black, 6.4 to 1 |
| 4 | `#5274a8` | `oklch(55.67% 0.0903 258.03)` | Flying Fish | white, 4.7 to 1 |
| 5 | `#4155b3` | `oklch(48.53% 0.1509 270.76)` | Blasphemous Blue | white, 6.6 to 1 |
| 6 | `#47469f` | `oklch(44.49% 0.1406 279.82)` | Galaxy Express | white, 7.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b5ba47 0.000% 16.667%, #9dac70 16.667% 33.333%, #659798 33.333% 50.000%, #5274a8 50.000% 66.667%, #4155b3 66.667% 83.333%, #47469f 83.333% 100.000%);
background: linear-gradient(90deg, oklch(76.38% 0.1378 111.80) 0.000% 16.667%, oklch(71.69% 0.0826 119.93) 16.667% 33.333%, oklch(64.10% 0.0535 197.96) 33.333% 50.000%, oklch(55.67% 0.0903 258.03) 50.000% 66.667%, oklch(48.53% 0.1509 270.76) 66.667% 83.333%, oklch(44.49% 0.1406 279.82) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.764 | 0.138 | 111.8 |
| 2 | 0.701 | 0.072 | 129.8 |
| 3 | 0.598 | 0.058 | 240.7 |
| 4 | 0.5 | 0.146 | 267.1 |
| 5 | 0.445 | 0.141 | 279.8 |

## In these collections

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

## Other forms

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