# Secondary Colors: Orange and mint

The "Secondary Colors: Orange and mint" palette brings together pale orange, light green, and light purple. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light purple, and its lightest tone is pale orange.

- Also called: Pastel peach, green and lavender linear swatches
- Seed: `kS4Doj7R1L2qdUs`
- Page: https://grabient.com/kS4Doj7R1L2qdUs?style=linearSwatches&steps=3&angle=180
- Drawn as: linear swatches, 3 steps, 180 degrees
- Kinds: even lightness, pastel, light, multicolor
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 1.1 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 | `#ffcbb0` | `oklch(88.19% 0.0697 49.93)` | Blushing Cherub | black, 14.4 to 1 |
| 2 | `#abe0b5` | `oklch(85.83% 0.0799 150.31)` | Celtic Spring | black, 14 to 1 |
| 3 | `#dabcf2` | `oklch(83.86% 0.0799 309.88)` | Beefy Pink | black, 12.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ffcbb0 0.000% 33.333%, #abe0b5 33.333% 66.667%, #dabcf2 66.667% 100.000%);
background: linear-gradient(180deg, oklch(88.19% 0.0697 49.93) 0.000% 33.333%, oklch(85.83% 0.0799 150.31) 33.333% 66.667%, oklch(83.86% 0.0799 309.88) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.08 | 49.9 |
| 2 | 0.858 | 0.08 | 150.3 |
| 3 | 0.839 | 0.08 | 309.9 |

## In these collections

- [Secondary color swatches](https://grabient.com/secondary-color-swatches)

## Other forms

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