# Pink and Green: Olive and lime

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

- Also called: Vivid duotone green and pink angular swatches
- Seed: `kWiWRcXcO_O41v1lJTL01K_Y`
- Page: https://grabient.com/kWiWRcXcO_O41v1lJTL01K_Y?style=angularSwatches&steps=5
- Drawn as: angular swatches, 5 steps, 90 degrees
- Kinds: light center, vivid
- Hues: split-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 | `#547d0f` | `oklch(53.94% 0.1378 129.37)` | Emerald Clear Green | white, 4.8 to 1 |
| 2 | `#95bb00` | `oklch(73.62% 0.1807 123.04)` | Matcha Picchu | black, 9.3 to 1 |
| 3 | `#cbe068` | `oklch(86.61% 0.1474 117.75)` | Dry Seedlings | black, 14.3 to 1 |
| 4 | `#f5a1b0` | `oklch(79.53% 0.1020 7.85)` | Sweet 60 | black, 10.5 to 1 |
| 5 | `#f73981` | `oklch(65.35% 0.2274 3.62)` | Flamboyant Flamingo | black, 5.8 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #547d0f 0.000% 20.000%, #95bb00 20.000% 40.000%, #cbe068 40.000% 60.000%, #f5a1b0 60.000% 80.000%, #f73981 80.000% 100.000%);
background: conic-gradient(from 90deg, oklch(53.94% 0.1378 129.37) 0.000% 20.000%, oklch(73.62% 0.1807 123.04) 20.000% 40.000%, oklch(86.61% 0.1474 117.75) 40.000% 60.000%, oklch(79.53% 0.1020 7.85) 60.000% 80.000%, oklch(65.35% 0.2274 3.62) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.539 | 0.138 | 129.4 |
| 2 | 0.736 | 0.186 | 123 |
| 3 | 0.866 | 0.147 | 117.8 |
| 4 | 0.795 | 0.102 | 7.8 |
| 5 | 0.654 | 0.227 | 3.6 |

## In these collections

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

## Other forms

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