# Deep cyan fynbos after winter rain

The Deep cyan fynbos after winter rain brings together teal, magenta, light magenta, and green. 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 teal, and its lightest tone is light magenta.

- Also called: Muted rainbow from teal to green linear swatches
- Seed: `kUZSKP0yPO-cPQLOIVJg`
- Page: https://grabient.com/kUZSKP0yPO-cPQLOIVJg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light center, muted, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.9 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 | `#254f52` | `oklch(39.76% 0.0469 201.80)` | Seagrass Green | white, 9.1 to 1 |
| 2 | `#b17aae` | `oklch(65.35% 0.0978 328.61)` | Victorian Violet | black, 6.2 to 1 |
| 3 | `#d3b8cc` | `oklch(81.10% 0.0413 334.95)` | Bedazzled | black, 11.4 to 1 |
| 4 | `#719055` | `oklch(61.42% 0.0909 131.35)` | Forest Bound | black, 5.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #254f52 0.000% 25.000%, #b17aae 25.000% 50.000%, #d3b8cc 50.000% 75.000%, #719055 75.000% 100.000%);
background: linear-gradient(90deg, oklch(39.76% 0.0469 201.80) 0.000% 25.000%, oklch(65.35% 0.0978 328.61) 25.000% 50.000%, oklch(81.10% 0.0413 334.95) 50.000% 75.000%, oklch(61.42% 0.0909 131.35) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.398 | 0.047 | 201.8 |
| 2 | 0.654 | 0.098 | 328.6 |
| 3 | 0.811 | 0.041 | 334.9 |
| 4 | 0.614 | 0.091 | 491.3 |

## In these collections

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

## Other forms

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