# Turquoise into Iris

The Turquoise cool blue palette brings together light teal and blue. The colors span a moderate lightness range, combining strong color with gentle 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 light blue to blue angular gradient
- Seed: `kYw0KdSrRD8BFwU6yEDPbxBMotwI`
- Page: https://grabient.com/kYw0KdSrRD8BFwU6yEDPbxBMotwI?style=angularGradient&steps=32&angle=270
- Drawn as: angular gradient, 32 steps, 270 degrees
- Kinds: dark center, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.7 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 | `#6cc1dc` | `oklch(76.77% 0.0909 220.78)` | Candid Blue | black, 10.3 to 1 |
| 2 | `#62badb` | `oklch(74.77% 0.0965 224.56)` | Clear Weather | black, 9.5 to 1 |
| 3 | `#56b0d9` | `oklch(71.92% 0.1041 229.97)` | Sail Away | black, 8.6 to 1 |
| 4 | `#4aa4d7` | `oklch(68.58% 0.1132 236.31)` | Waimea Blue | black, 7.5 to 1 |
| 5 | `#4197d4` | `oklch(65.10% 0.1229 242.86)` | Perfect Sky | black, 6.6 to 1 |
| 6 | `#3b8ad1` | `oklch(61.82% 0.1326 248.94)` | Magical Merlin | black, 5.7 to 1 |
| 7 | `#397fcf` | `oklch(59.11% 0.1417 253.82)` | Soothing Sapphire | black, 5.1 to 1 |
| 8 | `#3776ce` | `oklch(57.08% 0.1500 257.21)` | Fading Night | black, 4.6 to 1 |
| 9 | `#356fce` | `oklch(55.42% 0.1588 259.72)` | Han Blue | white, 4.8 to 1 |
| 10 | `#3369ce` | `oklch(54.04% 0.1677 261.59)` | Celtic Blue | white, 5.1 to 1 |
| 11 | `#3163cf` | `oklch(52.86% 0.1761 263.05)` | Janitor | white, 5.4 to 1 |
| 12 | `#305ed0` | `oklch(51.80% 0.1835 264.32)` | Bnei Brak Bay | white, 5.7 to 1 |
| 13 | `#3059d0` | `oklch(50.80% 0.1896 265.63)` | Bnei Brak Bay | white, 6 to 1 |
| 14 | `#3254cf` | `oklch(49.79% 0.1940 267.09)` | Gorgonzola Blue | white, 6.3 to 1 |
| 15 | `#334fcd` | `oklch(48.83% 0.1972 268.35)` | New Car | white, 6.6 to 1 |
| 16 | `#344bcb` | `oklch(47.96% 0.1994 269.46)` | New Car | white, 6.9 to 1 |
| 17 | `#3647c9` | `oklch(47.20% 0.2005 270.51)` | Kikorangi Blue | white, 7.2 to 1 |
| 18 | `#3844c7` | `oklch(46.61% 0.2005 271.59)` | Blue Blue | white, 7.4 to 1 |
| 19 | `#3a42c5` | `oklch(46.20% 0.1995 272.80)` | Blue Blue | white, 7.5 to 1 |
| 20 | `#3d41c3` | `oklch(46.01% 0.1974 274.22)` | Early Spring Night | white, 7.6 to 1 |
| 21 | `#4141c1` | `oklch(46.00% 0.1938 275.89)` | Early Spring Night | white, 7.6 to 1 |
| 22 | `#4641be` | `oklch(46.15% 0.1888 277.72)` | Royal Nightcore | white, 7.6 to 1 |
| 23 | `#4b42bb` | `oklch(46.48% 0.1830 279.60)` | Megadrive Screen | white, 7.4 to 1 |
| 24 | `#4f44b9` | `oklch(46.99% 0.1767 281.41)` | Swiss Plum | white, 7.3 to 1 |
| 25 | `#5447b7` | `oklch(47.71% 0.1702 283.06)` | Swiss Plum | white, 7 to 1 |
| 26 | `#594bb7` | `oklch(48.63% 0.1641 284.44)` | Swiss Plum | white, 6.7 to 1 |
| 27 | `#5e50b7` | `oklch(50.01% 0.1575 285.62)` | Swiss Plum | white, 6.3 to 1 |
| 28 | `#6456b9` | `oklch(51.77% 0.1501 286.67)` | Circumorbital Ring | white, 5.8 to 1 |
| 29 | `#6b5dbb` | `oklch(53.69% 0.1426 287.57)` | Blue Marguerite | white, 5.3 to 1 |
| 30 | `#7163bd` | `oklch(55.56% 0.1356 288.34)` | Ultra Violet | white, 4.9 to 1 |
| 31 | `#7669bf` | `oklch(57.16% 0.1296 288.98)` | Purple Toolbox | white, 4.6 to 1 |
| 32 | `#7a6dc0` | `oklch(58.27% 0.1254 289.47)` | Venus Violet | black, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #6cc1dc 0.0%, #62badb 3.2%, #56b0d9 6.5%, #4aa4d7 9.7%, #4197d4 12.9%, #3b8ad1 16.1%, #397fcf 19.4%, #3776ce 22.6%, #356fce 25.8%, #3369ce 29.0%, #3163cf 32.3%, #305ed0 35.5%, #3059d0 38.7%, #3254cf 41.9%, #334fcd 45.2%, #344bcb 48.4%, #3647c9 51.6%, #3844c7 54.8%, #3a42c5 58.1%, #3d41c3 61.3%, #4141c1 64.5%, #4641be 67.7%, #4b42bb 71.0%, #4f44b9 74.2%, #5447b7 77.4%, #594bb7 80.6%, #5e50b7 83.9%, #6456b9 87.1%, #6b5dbb 90.3%, #7163bd 93.5%, #7669bf 96.8%, #7a6dc0 100.0%);
background: conic-gradient(from 270deg in oklch, oklch(76.77% 0.0909 220.78) 0.0%, oklch(74.77% 0.0965 224.56) 3.2%, oklch(71.92% 0.1041 229.97) 6.5%, oklch(68.58% 0.1132 236.31) 9.7%, oklch(65.10% 0.1229 242.86) 12.9%, oklch(61.82% 0.1326 248.94) 16.1%, oklch(59.11% 0.1417 253.82) 19.4%, oklch(57.08% 0.1500 257.21) 22.6%, oklch(55.42% 0.1588 259.72) 25.8%, oklch(54.04% 0.1677 261.59) 29.0%, oklch(52.86% 0.1761 263.05) 32.3%, oklch(51.80% 0.1835 264.32) 35.5%, oklch(50.80% 0.1896 265.63) 38.7%, oklch(49.79% 0.1940 267.09) 41.9%, oklch(48.83% 0.1972 268.35) 45.2%, oklch(47.96% 0.1994 269.46) 48.4%, oklch(47.20% 0.2005 270.51) 51.6%, oklch(46.61% 0.2005 271.59) 54.8%, oklch(46.20% 0.1995 272.80) 58.1%, oklch(46.01% 0.1974 274.22) 61.3%, oklch(46.00% 0.1938 275.89) 64.5%, oklch(46.15% 0.1888 277.72) 67.7%, oklch(46.48% 0.1830 279.60) 71.0%, oklch(46.99% 0.1767 281.41) 74.2%, oklch(47.71% 0.1702 283.06) 77.4%, oklch(48.63% 0.1641 284.44) 80.6%, oklch(50.01% 0.1575 285.62) 83.9%, oklch(51.77% 0.1501 286.67) 87.1%, oklch(53.69% 0.1426 287.57) 90.3%, oklch(55.56% 0.1356 288.34) 93.5%, oklch(57.16% 0.1296 288.98) 96.8%, oklch(58.27% 0.1254 289.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.091 | 220.8 |
| 2 | 0.587 | 0.143 | 254.6 |
| 3 | 0.504 | 0.192 | 266.2 |
| 4 | 0.461 | 0.198 | 273.6 |
| 5 | 0.484 | 0.165 | 284.2 |
| 6 | 0.583 | 0.125 | 289.5 |

## In these collections

- [Cool blue](https://grabient.com/cool-blue)

## Other forms

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