# Teal and rose pink and green palette

The Teal and rose pink and green palette brings together teal, green, and magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is magenta.

- Also called: Dark green, green, pink and magenta radial swatches
- Seed: `kUTyN-y7G9VTM1RCwsIg`
- Page: https://grabient.com/kUTyN-y7G9VTM1RCwsIg?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.7 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 | `#0e3830` | `oklch(31.10% 0.0482 177.89)` | Night Turquoise | white, 12.8 to 1 |
| 2 | `#1c965a` | `oklch(59.45% 0.1364 155.70)` | Green Gloss | black, 5.5 to 1 |
| 3 | `#dc55c7` | `oklch(66.54% 0.2108 334.29)` | Fuchsia Flash | black, 6.1 to 1 |
| 4 | `#b32a72` | `oklch(52.36% 0.1833 353.31)` | Rich Maroon | white, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0e3830 0.000% 25.000%, #1c965a 25.000% 50.000%, #dc55c7 50.000% 75.000%, #b32a72 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(31.10% 0.0482 177.89) 0.000% 25.000%, oklch(59.45% 0.1364 155.70) 25.000% 50.000%, oklch(66.54% 0.2108 334.29) 50.000% 75.000%, oklch(52.36% 0.1833 353.31) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.048 | 177.9 |
| 2 | 0.594 | 0.136 | 155.7 |
| 3 | 0.665 | 0.211 | 334.3 |
| 4 | 0.524 | 0.183 | 353.3 |

## In these collections

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

## Other forms

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