# Mint, orange and turquoise summer palette

The Mint, orange and turquoise summer palette brings together light green, light yellow, orange, blue, and teal. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is light yellow.

- Also called: Pastel blue, tan and orange angular swatches
- Seed: `kW2Cp19Cu3WCyPNHJVR3KM7Y`
- Page: https://grabient.com/kW2Cp19Cu3WCyPNHJVR3KM7Y?style=angularSwatches&steps=5&angle=135
- Drawn as: angular swatches, 5 steps, 135 degrees
- Kinds: pastel, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#abdac5` | `oklch(85.04% 0.0579 165.23)` | Mint Gala | black, 13.6 to 1 |
| 2 | `#ffe081` | `oklch(91.34% 0.1199 92.32)` | June Day | black, 16.2 to 1 |
| 3 | `#ec9e46` | `oklch(75.98% 0.1378 65.90)` | Granary Gold | black, 9.5 to 1 |
| 4 | `#307ca9` | `oklch(55.91% 0.1020 239.21)` | Prominent Blue | white, 4.6 to 1 |
| 5 | `#50b9c0` | `oklch(72.83% 0.0965 201.16)` | Sussie | black, 9 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #abdac5 0.000% 20.000%, #ffe081 20.000% 40.000%, #ec9e46 40.000% 60.000%, #307ca9 60.000% 80.000%, #50b9c0 80.000% 100.000%);
background: conic-gradient(from 135deg, oklch(85.04% 0.0579 165.23) 0.000% 20.000%, oklch(91.34% 0.1199 92.32) 20.000% 40.000%, oklch(75.98% 0.1378 65.90) 40.000% 60.000%, oklch(55.91% 0.1020 239.21) 60.000% 80.000%, oklch(72.83% 0.0965 201.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.85 | 0.058 | 165.2 |
| 2 | 0.913 | 0.12 | 92.3 |
| 3 | 0.76 | 0.138 | 65.9 |
| 4 | 0.559 | 0.102 | 239.2 |
| 5 | 0.728 | 0.096 | 201.2 |

## In these collections

- [Summer swatches](https://grabient.com/summer-swatches)

## Other forms

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