# Orange, coral and emerald color palette

The Orange, coral and emerald color palette brings together pale orange, light red, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits invitation suites and ceremony stationery. Its darkest tone is green, and its lightest tone is pale orange.

- Also called: Beige, peach, pink and green linear swatches
- Seed: `kW8RUxaqO8dmsPXbqE2x6zBg`
- Page: https://grabient.com/kW8RUxaqO8dmsPXbqE2x6zBg?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: light to dark, pastel, multicolor
- Hues: two-hue
- 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 | `#fbebda` | `oklch(94.88% 0.0289 68.91)` | Lilting Laughter | black, 18 to 1 |
| 2 | `#ffb69d` | `oklch(83.86% 0.0922 39.32)` | Island Girl | black, 12.4 to 1 |
| 3 | `#e17f83` | `oklch(70.47% 0.1213 18.18)` | Pulp | black, 7.5 to 1 |
| 4 | `#87b46c` | `oklch(72.05% 0.1102 134.42)` | Nasturtium Leaf | black, 8.7 to 1 |
| 5 | `#39884a` | `oklch(56.30% 0.1226 148.16)` | Paradise of Greenery | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #fbebda 0.000% 20.000%, #ffb69d 20.000% 40.000%, #e17f83 40.000% 60.000%, #87b46c 60.000% 80.000%, #39884a 80.000% 100.000%);
background: linear-gradient(135deg, oklch(94.88% 0.0289 68.91) 0.000% 20.000%, oklch(83.86% 0.0922 39.32) 20.000% 40.000%, oklch(70.47% 0.1213 18.18) 40.000% 60.000%, oklch(72.05% 0.1102 134.42) 60.000% 80.000%, oklch(56.30% 0.1226 148.16) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.029 | 68.9 |
| 2 | 0.839 | 0.098 | 39.3 |
| 3 | 0.705 | 0.121 | 18.2 |
| 4 | 0.72 | 0.11 | 134.4 |
| 5 | 0.563 | 0.123 | 148.2 |

## In these collections

- [Romantic color palette](https://grabient.com/romantic-color-palette)
- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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