# Pink and Green: Teal and peach

The "Pink and Green: Teal and peach" palette brings together teal, light green, light red, and magenta. 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 magenta, and its lightest tone is light green.

- Also called: Teal, gray, pink and purple angular swatches
- Seed: `kUoFd67RI7OSkshCOjzg`
- Page: https://grabient.com/kUoFd67RI7OSkshCOjzg?style=angularSwatches&steps=4&angle=240
- Drawn as: angular swatches, 4 steps, 240 degrees
- Kinds: light center, pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#0ca081` | `oklch(62.99% 0.1199 172.27)` | Reptilian Green | black, 6.3 to 1 |
| 2 | `#c5d8b7` | `oklch(85.83% 0.0496 132.11)` | Spice Garden | black, 13.8 to 1 |
| 3 | `#f4a0a6` | `oklch(79.13% 0.1006 14.81)` | Plum Blossom | black, 10.4 to 1 |
| 4 | `#a73876` | `oklch(51.97% 0.1598 349.45)` | Maximum Red Purple | white, 6 to 1 |

## CSS

```css
background: conic-gradient(from 240deg, #0ca081 0.000% 25.000%, #c5d8b7 25.000% 50.000%, #f4a0a6 50.000% 75.000%, #a73876 75.000% 100.000%);
background: conic-gradient(from 240deg, oklch(62.99% 0.1199 172.27) 0.000% 25.000%, oklch(85.83% 0.0496 132.11) 25.000% 50.000%, oklch(79.13% 0.1006 14.81) 50.000% 75.000%, oklch(51.97% 0.1598 349.45) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.12 | 172.3 |
| 2 | 0.858 | 0.05 | 132.1 |
| 3 | 0.791 | 0.101 | 14.8 |
| 4 | 0.52 | 0.16 | -10.6 |

## In these collections

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

## Other forms

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