# Lime, orange and magenta tropical palette

The Lime, orange and magenta tropical palette brings together green, light yellow, pale orange, light red, and magenta. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is magenta, and its lightest tone is light yellow.

- Also called: Pastel tritone green, beige and pink linear swatches
- Seed: `kWz2tXdSY-PUTOterjg1bW9o`
- Page: https://grabient.com/kWz2tXdSY-PUTOterjg1bW9o?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: pastel, light, warm
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.5 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 | `#b2d15d` | `oklch(81.50% 0.1474 122.34)` | Citrus Leaf | black, 12.2 to 1 |
| 2 | `#eceb97` | `oklch(92.13% 0.1047 107.55)` | Pitapat | black, 16.8 to 1 |
| 3 | `#ffdec1` | `oklch(92.13% 0.0524 64.22)` | Orange Ice | black, 16.5 to 1 |
| 4 | `#ec89ab` | `oklch(74.41% 0.1268 358.70)` | Brown Knapweed | black, 8.7 to 1 |
| 5 | `#d06fb3` | `oklch(67.32% 0.1474 339.68)` | Sky Magenta | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #b2d15d 0.000% 20.000%, #eceb97 20.000% 40.000%, #ffdec1 40.000% 60.000%, #ec89ab 60.000% 80.000%, #d06fb3 80.000% 100.000%);
background: linear-gradient(45deg, oklch(81.50% 0.1474 122.34) 0.000% 20.000%, oklch(92.13% 0.1047 107.55) 20.000% 40.000%, oklch(92.13% 0.0524 64.22) 40.000% 60.000%, oklch(74.41% 0.1268 358.70) 60.000% 80.000%, oklch(67.32% 0.1474 339.68) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.147 | 122.3 |
| 2 | 0.921 | 0.105 | 107.5 |
| 3 | 0.921 | 0.052 | 64.2 |
| 4 | 0.744 | 0.127 | -1.3 |
| 5 | 0.673 | 0.147 | -20.3 |

## In these collections

- [Tropical swatches](https://grabient.com/tropical-swatches)

## Other forms

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