# Crimson and sage waratah bushland bloom

The Crimson and sage waratah bushland bloom brings together red, blue, teal, and green. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is green.

- Also called: Red, blue and teal angular swatches
- Seed: `kYmYoYxMo_DOjvU6ki_ziS7FWevG`
- Page: https://grabient.com/kYmYoYxMo_DOjvU6ki_ziS7FWevG?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.3 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 | `#db4723` | `oklch(60.24% 0.1902 34.45)` | Tomato Queen | black, 4.9 to 1 |
| 2 | `#ca1e21` | `oklch(53.94% 0.2039 27.06)` | Red Rhapsody | white, 5.6 to 1 |
| 3 | `#732f42` | `oklch(40.55% 0.0978 4.86)` | Red Octopus | white, 9.4 to 1 |
| 4 | `#3a5e6f` | `oklch(46.06% 0.0496 229.60)` | Deep Twilight Blue | white, 7 to 1 |
| 5 | `#1d9890` | `oklch(61.42% 0.1006 188.39)` | Azure Tide | black, 5.9 to 1 |
| 6 | `#67a683` | `oklch(67.32% 0.0841 158.80)` | Plumosa | black, 7.3 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #db4723 0.000% 16.667%, #ca1e21 16.667% 33.333%, #732f42 33.333% 50.000%, #3a5e6f 50.000% 66.667%, #1d9890 66.667% 83.333%, #67a683 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(60.24% 0.1902 34.45) 0.000% 16.667%, oklch(53.94% 0.2039 27.06) 16.667% 33.333%, oklch(40.55% 0.0978 4.86) 33.333% 50.000%, oklch(46.06% 0.0496 229.60) 50.000% 66.667%, oklch(61.42% 0.1006 188.39) 66.667% 83.333%, oklch(67.32% 0.0841 158.80) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.602 | 0.19 | 34.5 |
| 2 | 0.539 | 0.204 | 27.1 |
| 3 | 0.406 | 0.098 | 4.9 |
| 4 | 0.461 | 0.05 | -130.4 |
| 5 | 0.614 | 0.101 | -171.6 |
| 6 | 0.673 | 0.084 | -201.2 |

## In these collections

- [Waratah bushland bloom](https://grabient.com/waratah-bushland-bloom)

## Other forms

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