# Deep teal and blush red and green

The Deep teal and blush red and green brings together green, yellow, pale green, red, and light magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is pale green.

- Also called: Dark green, gray, red and pink linear swatches
- Seed: `kWT0lyRiC53AOw7CRTE36S84`
- Page: https://grabient.com/kWT0lyRiC53AOw7CRTE36S84?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: light center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 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 | `#003b24` | `oklch(31.11% 0.0701 160.24)` | Off-Road Green | white, 12.7 to 1 |
| 2 | `#767633` | `oklch(55.12% 0.0896 108.53)` | Jungle Look | white, 4.7 to 1 |
| 3 | `#cbdfc6` | `oklch(88.19% 0.0400 140.23)` | Spring Burst | black, 14.9 to 1 |
| 4 | `#bd1f43` | `oklch(51.97% 0.1902 15.54)` | Hot Hibiscus | white, 6.1 to 1 |
| 5 | `#df94b7` | `oklch(75.20% 0.1006 350.18)` | Chewing Gum Pink | black, 9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #003b24 0.000% 20.000%, #767633 20.000% 40.000%, #cbdfc6 40.000% 60.000%, #bd1f43 60.000% 80.000%, #df94b7 80.000% 100.000%);
background: linear-gradient(135deg, oklch(31.11% 0.0701 160.24) 0.000% 20.000%, oklch(55.12% 0.0896 108.53) 20.000% 40.000%, oklch(88.19% 0.0400 140.23) 40.000% 60.000%, oklch(51.97% 0.1902 15.54) 60.000% 80.000%, oklch(75.20% 0.1006 350.18) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.101 | 160.3 |
| 2 | 0.551 | 0.09 | 108.5 |
| 3 | 0.882 | 0.04 | 140.2 |
| 4 | 0.52 | 0.19 | 15.5 |
| 5 | 0.752 | 0.101 | -9.8 |

## In these collections

- [Red and green swatches](https://grabient.com/red-and-green-swatches)

## Other forms

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