# Deep teal and blush pink and green

The Deep teal and blush pink and green brings together green, magenta, and light red. 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 light red.

- Also called: Dark green, green and pink linear swatches
- Seed: `kUUyd5SKu-M7LrNmoEDA`
- Page: https://grabient.com/kUUyd5SKu-M7LrNmoEDA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#113d30` | `oklch(32.68% 0.0537 170.16)` | Mizukaze Green | white, 12 to 1 |
| 2 | `#2c8c58` | `oklch(57.09% 0.1199 155.36)` | Lake Green | black, 4.9 to 1 |
| 3 | `#dd3d8f` | `oklch(61.81% 0.2081 353.68)` | Prunus Avium | black, 5.1 to 1 |
| 4 | `#f0a8bc` | `oklch(80.71% 0.0882 1.08)` | Pink Blessing | black, 11 to 1 |

## CSS

```css
background: linear-gradient(90deg, #113d30 0.000% 25.000%, #2c8c58 25.000% 50.000%, #dd3d8f 50.000% 75.000%, #f0a8bc 75.000% 100.000%);
background: linear-gradient(90deg, oklch(32.68% 0.0537 170.16) 0.000% 25.000%, oklch(57.09% 0.1199 155.36) 25.000% 50.000%, oklch(61.81% 0.2081 353.68) 50.000% 75.000%, oklch(80.71% 0.0882 1.08) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.327 | 0.054 | 170.2 |
| 2 | 0.571 | 0.12 | 155.4 |
| 3 | 0.618 | 0.208 | -6.3 |
| 4 | 0.807 | 0.088 | 1.1 |

## In these collections

- [Pink and green swatches](https://grabient.com/pink-and-green-swatches)

## Other forms

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