# Blue and teal iridescent glass interface palette

The Blue and teal iridescent glass interface palette brings together blue, teal, green, light green, light teal, and light blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light teal.

- Also called: Cool blue, teal and light blue linear gradient
- Seed: `kaZDuxtpQ90WVOpYHT25x7AG2UQhqD0ig`
- Page: https://grabient.com/kaZDuxtpQ90WVOpYHT25x7AG2UQhqD0ig?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#1f4870` | `oklch(39.37% 0.0813 249.61)` | Pretty Twilight Night | white, 9.4 to 1 |
| 2 | `#204a6e` | `oklch(39.71% 0.0774 247.68)` | Grape Blue | white, 9.2 to 1 |
| 3 | `#234b6c` | `oklch(40.10% 0.0717 245.22)` | Indigo Cloth | white, 9.1 to 1 |
| 4 | `#264d6a` | `oklch(40.66% 0.0654 242.04)` | Kinetic Blue | white, 8.8 to 1 |
| 5 | `#2a5068` | `oklch(41.48% 0.0596 237.92)` | Blue Lava | white, 8.5 to 1 |
| 6 | `#2d5468` | `oklch(42.67% 0.0555 232.65)` | Deep Dive | white, 8.1 to 1 |
| 7 | `#305a6a` | `oklch(44.32% 0.0537 225.59)` | Quiet Storm | white, 7.5 to 1 |
| 8 | `#33616c` | `oklch(46.38% 0.0532 216.48)` | After the Storm | white, 6.8 to 1 |
| 9 | `#38696f` | `oklch(48.74% 0.0537 206.47)` | Aquarium | white, 6.1 to 1 |
| 10 | `#3e7172` | `oklch(51.28% 0.0551 196.73)` | Peabody | white, 5.5 to 1 |
| 11 | `#447975` | `oklch(53.87% 0.0571 188.44)` | Sea Pea | white, 4.9 to 1 |
| 12 | `#4b8279` | `oklch(56.49% 0.0599 182.31)` | Bubble Turquoise | black, 4.7 to 1 |
| 13 | `#528b7e` | `oklch(59.32% 0.0642 177.41)` | Privet Hedge | black, 5.3 to 1 |
| 14 | `#589583` | `oklch(62.25% 0.0692 173.50)` | Crisp Lettuce | black, 6 to 1 |
| 15 | `#5e9f89` | `oklch(65.18% 0.0743 170.45)` | Scotch Lassie | black, 6.7 to 1 |
| 16 | `#65a88f` | `oklch(67.98% 0.0784 168.12)` | Artemesia Green | black, 7.5 to 1 |
| 17 | `#6cb195` | `oklch(70.57% 0.0812 166.42)` | Dusty Jade Green | black, 8.3 to 1 |
| 18 | `#73b99c` | `oklch(73.12% 0.0834 165.52)` | Arboretum | black, 9.1 to 1 |
| 19 | `#7ac1a3` | `oklch(75.59% 0.0851 165.38)` | Gem Silica | black, 10 to 1 |
| 20 | `#80c9aa` | `oklch(77.88% 0.0858 165.94)` | Aqua Eden | black, 10.8 to 1 |
| 21 | `#86cfb2` | `oklch(79.93% 0.0853 167.13)` | Tropical Trail | black, 11.6 to 1 |
| 22 | `#8cd5ba` | `oklch(81.64% 0.0831 168.81)` | Cabbage | black, 12.3 to 1 |
| 23 | `#93d9c0` | `oklch(83.09% 0.0786 170.29)` | Chloride | black, 12.8 to 1 |
| 24 | `#9bdbc6` | `oklch(84.31% 0.0724 172.07)` | Pageant Green | black, 13.3 to 1 |
| 25 | `#a1ddcc` | `oklch(85.26% 0.0656 175.01)` | Tropical Freeze | black, 13.7 to 1 |
| 26 | `#a7ded2` | `oklch(85.91% 0.0593 179.95)` | Sparkling Mint | black, 14 to 1 |
| 27 | `#aaded8` | `oklch(86.25% 0.0544 187.78)` | High Altitude | black, 14.1 to 1 |
| 28 | `#abdcdf` | `oklch(86.08% 0.0507 200.58)` | Geyser Pool | black, 14 to 1 |
| 29 | `#add8e4` | `oklch(85.48% 0.0476 217.04)` | Light Blue | black, 13.6 to 1 |
| 30 | `#b1d2e6` | `oklch(84.69% 0.0450 234.35)` | Chapel Blue | black, 13.2 to 1 |
| 31 | `#b6cde6` | `oklch(83.94% 0.0429 249.67)` | Morality | black, 12.8 to 1 |
| 32 | `#bacae4` | `oklch(83.46% 0.0413 260.18)` | Periwinkle Dream | black, 12.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1f4870 0.0%, #204a6e 3.2%, #234b6c 6.5%, #264d6a 9.7%, #2a5068 12.9%, #2d5468 16.1%, #305a6a 19.4%, #33616c 22.6%, #38696f 25.8%, #3e7172 29.0%, #447975 32.3%, #4b8279 35.5%, #528b7e 38.7%, #589583 41.9%, #5e9f89 45.2%, #65a88f 48.4%, #6cb195 51.6%, #73b99c 54.8%, #7ac1a3 58.1%, #80c9aa 61.3%, #86cfb2 64.5%, #8cd5ba 67.7%, #93d9c0 71.0%, #9bdbc6 74.2%, #a1ddcc 77.4%, #a7ded2 80.6%, #aaded8 83.9%, #abdcdf 87.1%, #add8e4 90.3%, #b1d2e6 93.5%, #b6cde6 96.8%, #bacae4 100.0%);
background: linear-gradient(135deg in oklch, oklch(39.37% 0.0813 249.61) 0.0%, oklch(39.71% 0.0774 247.68) 3.2%, oklch(40.10% 0.0717 245.22) 6.5%, oklch(40.66% 0.0654 242.04) 9.7%, oklch(41.48% 0.0596 237.92) 12.9%, oklch(42.67% 0.0555 232.65) 16.1%, oklch(44.32% 0.0537 225.59) 19.4%, oklch(46.38% 0.0532 216.48) 22.6%, oklch(48.74% 0.0537 206.47) 25.8%, oklch(51.28% 0.0551 196.73) 29.0%, oklch(53.87% 0.0571 188.44) 32.3%, oklch(56.49% 0.0599 182.31) 35.5%, oklch(59.32% 0.0642 177.41) 38.7%, oklch(62.25% 0.0692 173.50) 41.9%, oklch(65.18% 0.0743 170.45) 45.2%, oklch(67.98% 0.0784 168.12) 48.4%, oklch(70.57% 0.0812 166.42) 51.6%, oklch(73.12% 0.0834 165.52) 54.8%, oklch(75.59% 0.0851 165.38) 58.1%, oklch(77.88% 0.0858 165.94) 61.3%, oklch(79.93% 0.0853 167.13) 64.5%, oklch(81.64% 0.0831 168.81) 67.7%, oklch(83.09% 0.0786 170.29) 71.0%, oklch(84.31% 0.0724 172.07) 74.2%, oklch(85.26% 0.0656 175.01) 77.4%, oklch(85.91% 0.0593 179.95) 80.6%, oklch(86.25% 0.0544 187.78) 83.9%, oklch(86.08% 0.0507 200.58) 87.1%, oklch(85.48% 0.0476 217.04) 90.3%, oklch(84.69% 0.0450 234.35) 93.5%, oklch(83.94% 0.0429 249.67) 96.8%, oklch(83.46% 0.0413 260.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.081 | 249.6 |
| 2 | 0.429 | 0.055 | 231.6 |
| 3 | 0.547 | 0.058 | 186.2 |
| 4 | 0.693 | 0.08 | 167.2 |
| 5 | 0.811 | 0.084 | 168.2 |
| 6 | 0.862 | 0.055 | 186.2 |
| 7 | 0.835 | 0.041 | 260.2 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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