# Orange, mustard and mint gummy candy palette

The Orange, mustard and mint gummy candy palette brings together orange, green, and light green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits food packaging concepts and menu graphics. Its darkest tone is green, and its lightest tone is orange.

- Also called: Pastel duotone orange and green angular swatches
- Seed: `kUsX0kajHClGxyfmKT9A`
- Page: https://grabient.com/kUsX0kajHClGxyfmKT9A?style=angularSwatches&steps=4&angle=225
- Drawn as: angular swatches, 4 steps, 225 degrees
- Kinds: pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 1.8 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 | `#ef771f` | `oklch(69.69% 0.1722 50.63)` | Orange Gluttony | black, 7.3 to 1 |
| 2 | `#ffba5a` | `oklch(83.46% 0.1364 72.82)` | Cape Jasmine | black, 12.3 to 1 |
| 3 | `#2ca56b` | `oklch(64.17% 0.1364 157.36)` | Teal Green | black, 6.6 to 1 |
| 4 | `#85d49b` | `oklch(80.31% 0.1130 152.07)` | Enchanted Emerald | black, 11.8 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #ef771f 0.000% 25.000%, #ffba5a 25.000% 50.000%, #2ca56b 50.000% 75.000%, #85d49b 75.000% 100.000%);
background: conic-gradient(from 225deg, oklch(69.69% 0.1722 50.63) 0.000% 25.000%, oklch(83.46% 0.1364 72.82) 25.000% 50.000%, oklch(64.17% 0.1364 157.36) 50.000% 75.000%, oklch(80.31% 0.1130 152.07) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.697 | 0.172 | 50.6 |
| 2 | 0.835 | 0.136 | 72.8 |
| 3 | 0.642 | 0.136 | 157.4 |
| 4 | 0.803 | 0.113 | 152.1 |

## In these collections

- [Gummy candy swatches](https://grabient.com/gummy-candy-swatches)

## Other forms

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