# Teal and ochre iridescent glass interface palette

The Teal and ochre iridescent glass interface palette brings together blue, light teal, light green, and light yellow. The colors span a narrow lightness range, combining moderate 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: Tritone blue, light green and tan radial gradient
- Seed: `kWoVOrYKY9-wdvBtmTpZJg6Y`
- Page: https://grabient.com/kWoVOrYKY9-wdvBtmTpZJg6Y?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#3f92c9` | `oklch(63.39% 0.1144 240.47)` | Splish Splash | black, 6.1 to 1 |
| 2 | `#4196cb` | `oklch(64.42% 0.1137 239.23)` | Perfect Sky | black, 6.4 to 1 |
| 3 | `#449bce` | `oklch(65.83% 0.1129 237.70)` | Blessed Blue | black, 6.8 to 1 |
| 4 | `#47a1d2` | `oklch(67.51% 0.1120 235.88)` | Peaceful River | black, 7.2 to 1 |
| 5 | `#4ba7d6` | `oklch(69.36% 0.1109 233.79)` | Blue Astro | black, 7.8 to 1 |
| 6 | `#50aeda` | `oklch(71.26% 0.1096 231.42)` | Highlighter Blue | black, 8.4 to 1 |
| 7 | `#54b5de` | `oklch(73.13% 0.1080 228.79)` | Sail Away | black, 9 to 1 |
| 8 | `#59bbe1` | `oklch(74.85% 0.1062 225.89)` | Nancy | black, 9.6 to 1 |
| 9 | `#5dc1e2` | `oklch(76.33% 0.1042 222.75)` | Magnesia Bay | black, 10.1 to 1 |
| 10 | `#62c6e3` | `oklch(77.73% 0.1016 219.34)` | Candid Blue | black, 10.7 to 1 |
| 11 | `#68cbe3` | `oklch(79.11% 0.0986 215.65)` | Hawaiian Breeze | black, 11.2 to 1 |
| 12 | `#6ed0e3` | `oklch(80.43% 0.0953 211.70)` | Spray | black, 11.7 to 1 |
| 13 | `#75d4e2` | `oklch(81.68% 0.0919 207.49)` | Middle Blue | black, 12.2 to 1 |
| 14 | `#7cd8e0` | `oklch(82.83% 0.0885 203.02)` | Deep Aquamarine | black, 12.7 to 1 |
| 15 | `#83dbde` | `oklch(83.84% 0.0853 198.31)` | Cold Blue | black, 13.2 to 1 |
| 16 | `#89dedc` | `oklch(84.68% 0.0825 193.36)` | Cold Blue | black, 13.5 to 1 |
| 17 | `#8fe0d9` | `oklch(85.35% 0.0802 188.15)` | Pale Beryl | black, 13.8 to 1 |
| 18 | `#95e2d5` | `oklch(85.89% 0.0781 182.51)` | Sharbah Fizz | black, 14.1 to 1 |
| 19 | `#9be3d0` | `oklch(86.29% 0.0761 176.52)` | Aqua Wish | black, 14.2 to 1 |
| 20 | `#a1e3cc` | `oklch(86.57% 0.0744 170.27)` | Aqua Wish | black, 14.4 to 1 |
| 21 | `#a7e3c6` | `oklch(86.71% 0.0729 163.87)` | Reef Green | black, 14.4 to 1 |
| 22 | `#ade2c1` | `oklch(86.72% 0.0715 157.42)` | Mountain Mint | black, 14.4 to 1 |
| 23 | `#b2e1bc` | `oklch(86.58% 0.0702 151.02)` | Fringy Flower | black, 14.3 to 1 |
| 24 | `#b7dfb6` | `oklch(86.31% 0.0691 144.77)` | Summer Sigh | black, 14.1 to 1 |
| 25 | `#bbdcb1` | `oklch(85.83% 0.0682 138.51)` | A Mann’s Mint | black, 13.9 to 1 |
| 26 | `#bed8aa` | `oklch(85.04% 0.0676 131.76)` | Winter Willow Green | black, 13.5 to 1 |
| 27 | `#c1d3a3` | `oklch(84.03% 0.0671 124.78)` | Cricket Field | black, 13 to 1 |
| 28 | `#c3cd9c` | `oklch(82.90% 0.0668 117.87)` | Dappled Daydream | black, 12.5 to 1 |
| 29 | `#c4c896` | `oklch(81.74% 0.0666 111.32)` | Paris Mint | black, 12 to 1 |
| 30 | `#c5c391` | `oklch(80.66% 0.0664 105.42)` | Lime Peel | black, 11.5 to 1 |
| 31 | `#c6bf8d` | `oklch(79.76% 0.0663 100.47)` | Lime Peel | black, 11.2 to 1 |
| 32 | `#c7bc8b` | `oklch(79.13% 0.0661 96.75)` | Olive Hint | black, 10.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3f92c9 0.0%, #4196cb 3.2%, #449bce 6.5%, #47a1d2 9.7%, #4ba7d6 12.9%, #50aeda 16.1%, #54b5de 19.4%, #59bbe1 22.6%, #5dc1e2 25.8%, #62c6e3 29.0%, #68cbe3 32.3%, #6ed0e3 35.5%, #75d4e2 38.7%, #7cd8e0 41.9%, #83dbde 45.2%, #89dedc 48.4%, #8fe0d9 51.6%, #95e2d5 54.8%, #9be3d0 58.1%, #a1e3cc 61.3%, #a7e3c6 64.5%, #ade2c1 67.7%, #b2e1bc 71.0%, #b7dfb6 74.2%, #bbdcb1 77.4%, #bed8aa 80.6%, #c1d3a3 83.9%, #c3cd9c 87.1%, #c4c896 90.3%, #c5c391 93.5%, #c6bf8d 96.8%, #c7bc8b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(63.39% 0.1144 240.47) 0.0%, oklch(64.42% 0.1137 239.23) 3.2%, oklch(65.83% 0.1129 237.70) 6.5%, oklch(67.51% 0.1120 235.88) 9.7%, oklch(69.36% 0.1109 233.79) 12.9%, oklch(71.26% 0.1096 231.42) 16.1%, oklch(73.13% 0.1080 228.79) 19.4%, oklch(74.85% 0.1062 225.89) 22.6%, oklch(76.33% 0.1042 222.75) 25.8%, oklch(77.73% 0.1016 219.34) 29.0%, oklch(79.11% 0.0986 215.65) 32.3%, oklch(80.43% 0.0953 211.70) 35.5%, oklch(81.68% 0.0919 207.49) 38.7%, oklch(82.83% 0.0885 203.02) 41.9%, oklch(83.84% 0.0853 198.31) 45.2%, oklch(84.68% 0.0825 193.36) 48.4%, oklch(85.35% 0.0802 188.15) 51.6%, oklch(85.89% 0.0781 182.51) 54.8%, oklch(86.29% 0.0761 176.52) 58.1%, oklch(86.57% 0.0744 170.27) 61.3%, oklch(86.71% 0.0729 163.87) 64.5%, oklch(86.72% 0.0715 157.42) 67.7%, oklch(86.58% 0.0702 151.02) 71.0%, oklch(86.31% 0.0691 144.77) 74.2%, oklch(85.83% 0.0682 138.51) 77.4%, oklch(85.04% 0.0676 131.76) 80.6%, oklch(84.03% 0.0671 124.78) 83.9%, oklch(82.90% 0.0668 117.87) 87.1%, oklch(81.74% 0.0666 111.32) 90.3%, oklch(80.66% 0.0664 105.42) 93.5%, oklch(79.76% 0.0663 100.47) 96.8%, oklch(79.13% 0.0661 96.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.634 | 0.114 | 240.5 |
| 2 | 0.76 | 0.105 | 223.6 |
| 3 | 0.85 | 0.081 | 190.8 |
| 4 | 0.862 | 0.069 | 143.2 |
| 5 | 0.791 | 0.066 | 96.8 |

## In these collections

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

## Other forms

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