# Cobalt blue and teal summer palette

The Cobalt blue and teal summer palette brings together blue and light teal. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is light teal.

- Also called: Cool blue to light blue linear gradient
- Seed: `kSb5e8TS-82sVuO`
- Page: https://grabient.com/kSb5e8TS-82sVuO?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 5.2 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 | `#133fc1` | `oklch(43.70% 0.2081 264.38)` | Once in a Blue Moon | white, 8.3 to 1 |
| 2 | `#0f42c2` | `oklch(44.30% 0.2053 263.48)` | Once in a Blue Moon | white, 8.1 to 1 |
| 3 | `#0a46c2` | `oklch(45.01% 0.2019 262.50)` | Once in a Blue Moon | white, 7.8 to 1 |
| 4 | `#054bc3` | `oklch(45.81% 0.1979 261.42)` | Flying Fish Blue | white, 7.5 to 1 |
| 5 | `#004fc3` | `oklch(46.71% 0.1933 260.27)` | Iridescent Blue | white, 7.1 to 1 |
| 6 | `#0055c2` | `oklch(47.68% 0.1847 258.99)` | Iridescent Blue | white, 6.8 to 1 |
| 7 | `#005ac1` | `oklch(48.72% 0.1773 257.60)` | London Rain | white, 6.5 to 1 |
| 8 | `#005fc1` | `oklch(49.83% 0.1707 256.09)` | Amnesia Blue | white, 6.1 to 1 |
| 9 | `#0064c1` | `oklch(50.99% 0.1649 254.47)` | Blue Diamond | white, 5.8 to 1 |
| 10 | `#0069c1` | `oklch(52.20% 0.1596 252.72)` | Blue Diamond | white, 5.5 to 1 |
| 11 | `#006fc2` | `oklch(53.44% 0.1547 250.84)` | Indigo Carmine | white, 5.1 to 1 |
| 12 | `#0074c3` | `oklch(54.72% 0.1503 248.83)` | Peek-A-Boo Blue | white, 4.9 to 1 |
| 13 | `#0079c4` | `oklch(56.02% 0.1462 246.68)` | Diva Blue | white, 4.6 to 1 |
| 14 | `#007ec6` | `oklch(57.34% 0.1425 244.38)` | Blue Aster | black, 4.8 to 1 |
| 15 | `#0284c6` | `oklch(58.66% 0.1385 241.92)` | Water Raceway | black, 5.1 to 1 |
| 16 | `#0b89c7` | `oklch(59.97% 0.1334 239.32)` | Azul Caribe | black, 5.4 to 1 |
| 17 | `#138ec7` | `oklch(61.30% 0.1285 236.51)` | Parrotfish Blue | black, 5.7 to 1 |
| 18 | `#1b94c7` | `oklch(62.75% 0.1235 233.27)` | Germander Speedwell | black, 6 to 1 |
| 19 | `#249ac7` | `oklch(64.32% 0.1183 229.62)` | Stratos Blue | black, 6.4 to 1 |
| 20 | `#2da0c6` | `oklch(65.98% 0.1129 225.64)` | Major Blue | black, 6.9 to 1 |
| 21 | `#38a6c6` | `oklch(67.71% 0.1076 221.40)` | Laguna | black, 7.4 to 1 |
| 22 | `#42acc6` | `oklch(69.48% 0.1022 216.97)` | Dragonfly Blue | black, 7.9 to 1 |
| 23 | `#4eb2c6` | `oklch(71.27% 0.0968 212.43)` | Viking | black, 8.5 to 1 |
| 24 | `#59b8c6` | `oklch(73.06% 0.0915 207.86)` | Shinbashi | black, 9.1 to 1 |
| 25 | `#64bec6` | `oklch(74.81% 0.0864 203.32)` | Faded Jeans | black, 9.6 to 1 |
| 26 | `#6fc3c6` | `oklch(76.52% 0.0815 198.89)` | Luna Moona | black, 10.2 to 1 |
| 27 | `#7ac8c7` | `oklch(78.14% 0.0769 194.64)` | Cyantific | black, 10.8 to 1 |
| 28 | `#84ccc7` | `oklch(79.67% 0.0725 190.66)` | Surf Wash | black, 11.4 to 1 |
| 29 | `#8dd0c8` | `oklch(81.07% 0.0685 187.00)` | Electro Chill | black, 11.9 to 1 |
| 30 | `#95d3ca` | `oklch(82.31% 0.0650 183.76)` | Opal Turquoise | black, 12.4 to 1 |
| 31 | `#9cd6cb` | `oklch(83.38% 0.0618 180.99)` | Aqua Glow | black, 12.9 to 1 |
| 32 | `#a2d9cc` | `oklch(84.25% 0.0593 178.78)` | Whirlpool | black, 13.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #133fc1 0.0%, #0f42c2 3.2%, #0a46c2 6.5%, #054bc3 9.7%, #004fc3 12.9%, #0055c2 16.1%, #005ac1 19.4%, #005fc1 22.6%, #0064c1 25.8%, #0069c1 29.0%, #006fc2 32.3%, #0074c3 35.5%, #0079c4 38.7%, #007ec6 41.9%, #0284c6 45.2%, #0b89c7 48.4%, #138ec7 51.6%, #1b94c7 54.8%, #249ac7 58.1%, #2da0c6 61.3%, #38a6c6 64.5%, #42acc6 67.7%, #4eb2c6 71.0%, #59b8c6 74.2%, #64bec6 77.4%, #6fc3c6 80.6%, #7ac8c7 83.9%, #84ccc7 87.1%, #8dd0c8 90.3%, #95d3ca 93.5%, #9cd6cb 96.8%, #a2d9cc 100.0%);
background: linear-gradient(90deg in oklch, oklch(43.70% 0.2081 264.38) 0.0%, oklch(44.30% 0.2053 263.48) 3.2%, oklch(45.01% 0.2019 262.50) 6.5%, oklch(45.81% 0.1979 261.42) 9.7%, oklch(46.71% 0.1933 260.27) 12.9%, oklch(47.68% 0.1847 258.99) 16.1%, oklch(48.72% 0.1773 257.60) 19.4%, oklch(49.83% 0.1707 256.09) 22.6%, oklch(50.99% 0.1649 254.47) 25.8%, oklch(52.20% 0.1596 252.72) 29.0%, oklch(53.44% 0.1547 250.84) 32.3%, oklch(54.72% 0.1503 248.83) 35.5%, oklch(56.02% 0.1462 246.68) 38.7%, oklch(57.34% 0.1425 244.38) 41.9%, oklch(58.66% 0.1385 241.92) 45.2%, oklch(59.97% 0.1334 239.32) 48.4%, oklch(61.30% 0.1285 236.51) 51.6%, oklch(62.75% 0.1235 233.27) 54.8%, oklch(64.32% 0.1183 229.62) 58.1%, oklch(65.98% 0.1129 225.64) 61.3%, oklch(67.71% 0.1076 221.40) 64.5%, oklch(69.48% 0.1022 216.97) 67.7%, oklch(71.27% 0.0968 212.43) 71.0%, oklch(73.06% 0.0915 207.86) 74.2%, oklch(74.81% 0.0864 203.32) 77.4%, oklch(76.52% 0.0815 198.89) 80.6%, oklch(78.14% 0.0769 194.64) 83.9%, oklch(79.67% 0.0725 190.66) 87.1%, oklch(81.07% 0.0685 187.00) 90.3%, oklch(82.31% 0.0650 183.76) 93.5%, oklch(83.38% 0.0618 180.99) 96.8%, oklch(84.25% 0.0593 178.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.437 | 0.208 | 264.4 |
| 2 | 0.606 | 0.131 | 238 |
| 3 | 0.843 | 0.059 | 178.8 |

## In these collections

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

## Other forms

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