# Mint, terracotta and turquoise summer palette

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

- Also called: Rainbow from light blue to blue linear swatches
- Seed: `kW2h5y5DI3k-4uq4Ma40Cm74`
- Page: https://grabient.com/kW2h5y5DI3k-4uq4Ma40Cm74?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#bad9c8` | `oklch(85.83% 0.0413 161.02)` | Dusty Aqua | black, 13.8 to 1 |
| 2 | `#dcb541` | `oklch(78.74% 0.1378 90.21)` | Woven Gold | black, 10.7 to 1 |
| 3 | `#d16427` | `oklch(62.60% 0.1557 45.83)` | Harvest Pumpkin | black, 5.5 to 1 |
| 4 | `#11519c` | `oklch(44.09% 0.1364 255.77)` | Freshwater Lake | white, 7.8 to 1 |
| 5 | `#0d98ba` | `oklch(62.99% 0.1144 221.95)` | Serene Blue | black, 6.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #bad9c8 0.000% 20.000%, #dcb541 20.000% 40.000%, #d16427 40.000% 60.000%, #11519c 60.000% 80.000%, #0d98ba 80.000% 100.000%);
background: linear-gradient(45deg, oklch(85.83% 0.0413 161.02) 0.000% 20.000%, oklch(78.74% 0.1378 90.21) 20.000% 40.000%, oklch(62.60% 0.1557 45.83) 40.000% 60.000%, oklch(44.09% 0.1364 255.77) 60.000% 80.000%, oklch(62.99% 0.1144 221.95) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.041 | 161 |
| 2 | 0.787 | 0.138 | 90.2 |
| 3 | 0.626 | 0.156 | 45.8 |
| 4 | 0.441 | 0.136 | -104.2 |
| 5 | 0.63 | 0.114 | -138 |

## In these collections

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

## Other forms

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