# Indigo and teal bright palette

The Indigo and teal bright 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 brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light teal.

- Also called: Cool blue to light blue linear gradient
- Seed: `kSeqm8UjQ83AYOO`
- Page: https://grabient.com/kSeqm8UjQ83AYOO?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 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 | `#1547de` | `oklch(48.03% 0.2329 264.38)` | Merchant Marine Blue | white, 7 to 1 |
| 2 | `#104bde` | `oklch(48.62% 0.2296 263.48)` | Merchant Marine Blue | white, 6.8 to 1 |
| 3 | `#0950de` | `oklch(49.30% 0.2256 262.50)` | Frosted Blueberries | white, 6.5 to 1 |
| 4 | `#0154de` | `oklch(50.08% 0.2210 261.42)` | Frosted Blueberries | white, 6.3 to 1 |
| 5 | `#005adb` | `oklch(50.95% 0.2109 260.26)` | Chun-Li Blue | white, 6 to 1 |
| 6 | `#0060d9` | `oklch(51.90% 0.2010 258.98)` | Bnei Brak Bay | white, 5.7 to 1 |
| 7 | `#0065d7` | `oklch(52.91% 0.1925 257.59)` | Blue Ruin | white, 5.4 to 1 |
| 8 | `#006bd6` | `oklch(53.98% 0.1849 256.09)` | Flickr Blue | white, 5.1 to 1 |
| 9 | `#0070d6` | `oklch(55.11% 0.1782 254.46)` | Enchanting Sapphire | white, 4.8 to 1 |
| 10 | `#0075d6` | `oklch(56.29% 0.1721 252.72)` | Bright Navy Blue | white, 4.6 to 1 |
| 11 | `#007bd6` | `oklch(57.51% 0.1665 250.84)` | Blue-Eyed Boy | black, 4.7 to 1 |
| 12 | `#0080d7` | `oklch(58.76% 0.1614 248.83)` | Electron Blue | black, 5 to 1 |
| 13 | `#0085d7` | `oklch(60.03% 0.1567 246.67)` | Calgar Blue | black, 5.3 to 1 |
| 14 | `#008bd8` | `oklch(61.32% 0.1524 244.38)` | Blue Cola | black, 5.6 to 1 |
| 15 | `#0090d9` | `oklch(62.62% 0.1484 241.93)` | Kahu Blue | black, 5.9 to 1 |
| 16 | `#0095da` | `oklch(63.92% 0.1448 239.33)` | Kahu Blue | black, 6.3 to 1 |
| 17 | `#059bda` | `oklch(65.23% 0.1406 236.51)` | Atmosphere | black, 6.6 to 1 |
| 18 | `#12a1d9` | `oklch(66.67% 0.1350 233.27)` | Blue Damselfly | black, 7.1 to 1 |
| 19 | `#1ea7d9` | `oklch(68.23% 0.1293 229.62)` | Malibu Blue | black, 7.5 to 1 |
| 20 | `#29add8` | `oklch(69.89% 0.1235 225.64)` | Bright Cerulean | black, 8 to 1 |
| 21 | `#35b4d7` | `oklch(71.61% 0.1177 221.40)` | Ocean Sigh | black, 8.6 to 1 |
| 22 | `#41bad7` | `oklch(73.39% 0.1119 216.97)` | Bachelor Button | black, 9.2 to 1 |
| 23 | `#4ec0d6` | `oklch(75.18% 0.1061 212.43)` | Skydive | black, 9.8 to 1 |
| 24 | `#5ac6d5` | `oklch(76.97% 0.1005 207.86)` | Paradise Sky | black, 10.4 to 1 |
| 25 | `#67ccd5` | `oklch(78.73% 0.0951 203.32)` | Throat Chakra | black, 11.1 to 1 |
| 26 | `#73d1d5` | `oklch(80.44% 0.0898 198.89)` | Soft Turquoise | black, 11.8 to 1 |
| 27 | `#7ed6d5` | `oklch(82.07% 0.0849 194.64)` | Sea Wave | black, 12.4 to 1 |
| 28 | `#89dad5` | `oklch(83.60% 0.0803 190.66)` | Rainwater | black, 13 to 1 |
| 29 | `#93ded6` | `oklch(85.00% 0.0760 187.00)` | Land Ahoy! | black, 13.6 to 1 |
| 30 | `#9be2d7` | `oklch(86.25% 0.0722 183.76)` | Sharbah Fizz | black, 14.2 to 1 |
| 31 | `#a3e5d8` | `oklch(87.32% 0.0689 180.99)` | Sea Glass Teal | black, 14.7 to 1 |
| 32 | `#a9e7d9` | `oklch(88.19% 0.0661 178.78)` | Aquatic Mist | black, 15.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1547de 0.0%, #104bde 3.2%, #0950de 6.5%, #0154de 9.7%, #005adb 12.9%, #0060d9 16.1%, #0065d7 19.4%, #006bd6 22.6%, #0070d6 25.8%, #0075d6 29.0%, #007bd6 32.3%, #0080d7 35.5%, #0085d7 38.7%, #008bd8 41.9%, #0090d9 45.2%, #0095da 48.4%, #059bda 51.6%, #12a1d9 54.8%, #1ea7d9 58.1%, #29add8 61.3%, #35b4d7 64.5%, #41bad7 67.7%, #4ec0d6 71.0%, #5ac6d5 74.2%, #67ccd5 77.4%, #73d1d5 80.6%, #7ed6d5 83.9%, #89dad5 87.1%, #93ded6 90.3%, #9be2d7 93.5%, #a3e5d8 96.8%, #a9e7d9 100.0%);
background: linear-gradient(90deg in oklch, oklch(48.03% 0.2329 264.38) 0.0%, oklch(48.62% 0.2296 263.48) 3.2%, oklch(49.30% 0.2256 262.50) 6.5%, oklch(50.08% 0.2210 261.42) 9.7%, oklch(50.95% 0.2109 260.26) 12.9%, oklch(51.90% 0.2010 258.98) 16.1%, oklch(52.91% 0.1925 257.59) 19.4%, oklch(53.98% 0.1849 256.09) 22.6%, oklch(55.11% 0.1782 254.46) 25.8%, oklch(56.29% 0.1721 252.72) 29.0%, oklch(57.51% 0.1665 250.84) 32.3%, oklch(58.76% 0.1614 248.83) 35.5%, oklch(60.03% 0.1567 246.67) 38.7%, oklch(61.32% 0.1524 244.38) 41.9%, oklch(62.62% 0.1484 241.93) 45.2%, oklch(63.92% 0.1448 239.33) 48.4%, oklch(65.23% 0.1406 236.51) 51.6%, oklch(66.67% 0.1350 233.27) 54.8%, oklch(68.23% 0.1293 229.62) 58.1%, oklch(69.89% 0.1235 225.64) 61.3%, oklch(71.61% 0.1177 221.40) 64.5%, oklch(73.39% 0.1119 216.97) 67.7%, oklch(75.18% 0.1061 212.43) 71.0%, oklch(76.97% 0.1005 207.86) 74.2%, oklch(78.73% 0.0951 203.32) 77.4%, oklch(80.44% 0.0898 198.89) 80.6%, oklch(82.07% 0.0849 194.64) 83.9%, oklch(83.60% 0.0803 190.66) 87.1%, oklch(85.00% 0.0760 187.00) 90.3%, oklch(86.25% 0.0722 183.76) 93.5%, oklch(87.32% 0.0689 180.99) 96.8%, oklch(88.19% 0.0661 178.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.233 | 264.4 |
| 2 | 0.646 | 0.143 | 238 |
| 3 | 0.882 | 0.066 | 178.8 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)

## Other forms

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