# Aqua and blue light multicolor palette

The Aqua and blue light multicolor palette brings together light green, light teal, light blue, and blue. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Vivid duotone teal to blue linear gradient
- Seed: `kW6Wp47CTBOGfR3XvMQTdBA4`
- Page: https://grabient.com/kW6Wp47CTBOGfR3XvMQTdBA4?steps=26&angle=240
- Drawn as: linear gradient, 26 steps, 240 degrees
- Kinds: light to dark, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 3.3 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 | `#84ffd6` | `oklch(91.73% 0.1262 169.46)` | Hiroshima Aquamarine | black, 17.2 to 1 |
| 2 | `#73ffd3` | `oklch(91.05% 0.1378 169.98)` | Hiroshima Aquamarine | black, 16.9 to 1 |
| 3 | `#74fbd1` | `oklch(90.14% 0.1338 170.21)` | Spindrift | black, 16.4 to 1 |
| 4 | `#79f6cf` | `oklch(89.05% 0.1254 170.67)` | Light Turquoise | black, 15.8 to 1 |
| 5 | `#7df0ce` | `oklch(87.84% 0.1166 171.88)` | Light Turquoise | black, 15.2 to 1 |
| 6 | `#7feace` | `oklch(86.59% 0.1085 174.36)` | Bubble Algae | black, 14.6 to 1 |
| 7 | `#7ee5d0` | `oklch(85.34% 0.1019 178.62)` | Sea Foam | black, 14 to 1 |
| 8 | `#7be0d3` | `oklch(84.12% 0.0968 185.35)` | Sea Foam | black, 13.4 to 1 |
| 9 | `#79dad9` | `oklch(82.83% 0.0914 194.74)` | Aqua Zing | black, 12.8 to 1 |
| 10 | `#7ad3de` | `oklch(81.49% 0.0866 205.82)` | Sea of Tranquillity | black, 12.1 to 1 |
| 11 | `#7dcce2` | `oklch(80.13% 0.0831 217.58)` | Blue Limewash | black, 11.5 to 1 |
| 12 | `#81c4e4` | `oklch(78.76% 0.0817 229.03)` | Undercool | black, 10.9 to 1 |
| 13 | `#83bde5` | `oklch(77.42% 0.0833 239.16)` | C’est la Vie | black, 10.4 to 1 |
| 14 | `#83b7e7` | `oklch(76.13% 0.0888 247.26)` | Aero | black, 9.9 to 1 |
| 15 | `#82b1eb` | `oklch(74.85% 0.0989 254.35)` | Fly Away | black, 9.4 to 1 |
| 16 | `#81aaf0` | `oklch(73.59% 0.1123 260.70)` | Kitten’s Eye | black, 8.9 to 1 |
| 17 | `#80a3f6` | `oklch(72.34% 0.1276 266.32)` | Fennel Flower | black, 8.4 to 1 |
| 18 | `#829bfb` | `oklch(71.09% 0.1432 271.26)` | Periwinkle Blue | black, 8 to 1 |
| 19 | `#8493fe` | `oklch(69.84% 0.1576 275.52)` | Periwinkle Blue | black, 7.5 to 1 |
| 20 | `#868bff` | `oklch(68.58% 0.1682 279.13)` | Lavender Blue Shadow | black, 7.1 to 1 |
| 21 | `#8783ff` | `oklch(67.20% 0.1785 281.82)` | Periwinkle | black, 6.7 to 1 |
| 22 | `#867bff` | `oklch(65.74% 0.1892 283.64)` | Blue Party Parrot | black, 6.3 to 1 |
| 23 | `#8473ff` | `oklch(64.29% 0.1996 284.83)` | Bainganī | black, 5.9 to 1 |
| 24 | `#826dff` | `oklch(62.96% 0.2082 285.59)` | Blackthorn Berry | black, 5.5 to 1 |
| 25 | `#8167fe` | `oklch(61.84% 0.2152 286.16)` | Purple Anemone | black, 5.2 to 1 |
| 26 | `#8062fd` | `oklch(61.02% 0.2205 286.75)` | Purple Anemone | black, 5 to 1 |

## CSS

```css
background: linear-gradient(240deg, #84ffd6 0.0%, #73ffd3 4.0%, #74fbd1 8.0%, #79f6cf 12.0%, #7df0ce 16.0%, #7feace 20.0%, #7ee5d0 24.0%, #7be0d3 28.0%, #79dad9 32.0%, #7ad3de 36.0%, #7dcce2 40.0%, #81c4e4 44.0%, #83bde5 48.0%, #83b7e7 52.0%, #82b1eb 56.0%, #81aaf0 60.0%, #80a3f6 64.0%, #829bfb 68.0%, #8493fe 72.0%, #868bff 76.0%, #8783ff 80.0%, #867bff 84.0%, #8473ff 88.0%, #826dff 92.0%, #8167fe 96.0%, #8062fd 100.0%);
background: linear-gradient(240deg in oklch, oklch(91.73% 0.1262 169.46) 0.0%, oklch(91.05% 0.1378 169.98) 4.0%, oklch(90.14% 0.1338 170.21) 8.0%, oklch(89.05% 0.1254 170.67) 12.0%, oklch(87.84% 0.1166 171.88) 16.0%, oklch(86.59% 0.1085 174.36) 20.0%, oklch(85.34% 0.1019 178.62) 24.0%, oklch(84.12% 0.0968 185.35) 28.0%, oklch(82.83% 0.0914 194.74) 32.0%, oklch(81.49% 0.0866 205.82) 36.0%, oklch(80.13% 0.0831 217.58) 40.0%, oklch(78.76% 0.0817 229.03) 44.0%, oklch(77.42% 0.0833 239.16) 48.0%, oklch(76.13% 0.0888 247.26) 52.0%, oklch(74.85% 0.0989 254.35) 56.0%, oklch(73.59% 0.1123 260.70) 60.0%, oklch(72.34% 0.1276 266.32) 64.0%, oklch(71.09% 0.1432 271.26) 68.0%, oklch(69.84% 0.1576 275.52) 72.0%, oklch(68.58% 0.1682 279.13) 76.0%, oklch(67.20% 0.1785 281.82) 80.0%, oklch(65.74% 0.1892 283.64) 84.0%, oklch(64.29% 0.1996 284.83) 88.0%, oklch(62.96% 0.2082 285.59) 92.0%, oklch(61.84% 0.2152 286.16) 96.0%, oklch(61.02% 0.2205 286.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.146 | 169.5 |
| 2 | 0.85 | 0.101 | 180 |
| 3 | 0.768 | 0.085 | 243.4 |
| 4 | 0.689 | 0.167 | 278.3 |
| 5 | 0.61 | 0.22 | 286.8 |

## In these collections

- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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