# Lime, sky blue and coral summer palette

The Lime, sky blue and coral summer palette brings together light green, teal, light teal, red, and light red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is red, and its lightest tone is light teal.

- Also called: Green, teal, light blue and salmon angular swatches
- Seed: `kW0mBa1aRIe2UwHPwlP3jJBg`
- Page: https://grabient.com/kW0mBa1aRIe2UwHPwlP3jJBg?style=angularSwatches&steps=5&angle=135
- Drawn as: angular swatches, 5 steps, 135 degrees
- Kinds: vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.6 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 | `#afd675` | `oklch(82.68% 0.1323 127.27)` | Wasabi | black, 12.7 to 1 |
| 2 | `#37a9ad` | `oklch(67.32% 0.0992 199.12)` | Tempo | black, 7.4 to 1 |
| 3 | `#a6dde2` | `oklch(86.22% 0.0565 203.35)` | Geyser Pool | black, 14 to 1 |
| 4 | `#df4c69` | `oklch(62.60% 0.1819 12.43)` | Rosy Cheeks | black, 5.3 to 1 |
| 5 | `#f6867c` | `oklch(74.02% 0.1378 26.17)` | Coral Pink | black, 8.6 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #afd675 0.000% 20.000%, #37a9ad 20.000% 40.000%, #a6dde2 40.000% 60.000%, #df4c69 60.000% 80.000%, #f6867c 80.000% 100.000%);
background: conic-gradient(from 135deg, oklch(82.68% 0.1323 127.27) 0.000% 20.000%, oklch(67.32% 0.0992 199.12) 20.000% 40.000%, oklch(86.22% 0.0565 203.35) 40.000% 60.000%, oklch(62.60% 0.1819 12.43) 60.000% 80.000%, oklch(74.02% 0.1378 26.17) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.132 | 127.3 |
| 2 | 0.673 | 0.099 | 199.1 |
| 3 | 0.862 | 0.056 | 203.4 |
| 4 | 0.626 | 0.182 | 372.4 |
| 5 | 0.74 | 0.138 | 386.2 |

## In these collections

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

## Other forms

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