# Blue and turquoise color palette

The Blue and turquoise color palette brings together blue, light blue, off-white, and light teal. The colors span a broad lightness range, combining restrained 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 off-white.

- Also called: Muted monochrome blue and light blue linear gradient
- Seed: `kYayuuSRW_OMQPp2CL4ZBnAsebwk`
- Page: https://grabient.com/kYayuuSRW_OMQPp2CL4ZBnAsebwk?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light center, pastel, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.8 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 | `#30516c` | `oklch(42.13% 0.0593 244.69)` | Ocean Trapeze | white, 8.3 to 1 |
| 2 | `#345570` | `oklch(43.68% 0.0594 244.08)` | America’s Cup | white, 7.8 to 1 |
| 3 | `#395b76` | `oklch(45.76% 0.0598 243.30)` | Express Blue | white, 7.1 to 1 |
| 4 | `#3f637e` | `oklch(48.26% 0.0602 242.35)` | Blue Ashes | white, 6.4 to 1 |
| 5 | `#466b86` | `oklch(51.03% 0.0604 241.24)` | Eames for Blue | white, 5.6 to 1 |
| 6 | `#4d738e` | `oklch(53.95% 0.0602 240.00)` | Metallic Blue | white, 5 to 1 |
| 7 | `#567c97` | `oklch(56.90% 0.0595 238.63)` | Cropper Blue | black, 4.7 to 1 |
| 8 | `#5e869f` | `oklch(59.91% 0.0581 237.14)` | Blue Team Spirit | black, 5.3 to 1 |
| 9 | `#6990a7` | `oklch(63.21% 0.0561 235.48)` | Blue Cruise | black, 6.1 to 1 |
| 10 | `#749ab1` | `oklch(66.69% 0.0537 233.69)` | Ocean View | black, 7 to 1 |
| 11 | `#7fa5ba` | `oklch(70.19% 0.0511 231.77)` | Stormfang | black, 8 to 1 |
| 12 | `#8bb0c2` | `oklch(73.60% 0.0482 229.74)` | Bermuda Blue | black, 9 to 1 |
| 13 | `#96baca` | `oklch(76.78% 0.0453 227.60)` | Sydney Harbour | black, 10.1 to 1 |
| 14 | `#a1c3d2` | `oklch(79.74% 0.0420 225.26)` | Airborne | black, 11.2 to 1 |
| 15 | `#aecdd9` | `oklch(82.92% 0.0375 222.38)` | Essex Blue | black, 12.5 to 1 |
| 16 | `#bbd7e0` | `oklch(86.10% 0.0324 219.24)` | Blue Perennial | black, 13.8 to 1 |
| 17 | `#c7e0e6` | `oklch(88.98% 0.0276 216.17)` | Wind Tunnel | black, 15.2 to 1 |
| 18 | `#d1e7ec` | `oklch(91.26% 0.0241 213.49)` | Coastal Mist | black, 16.3 to 1 |
| 19 | `#d6ebef` | `oklch(92.64% 0.0228 211.55)` | Frost Wind | black, 17 to 1 |
| 20 | `#d6ecf1` | `oklch(92.84% 0.0246 210.63)` | Sparkling River | black, 17.1 to 1 |
| 21 | `#ceeaef` | `oklch(91.85% 0.0303 210.53)` | Summer Mist | black, 16.6 to 1 |
| 22 | `#c2e5ec` | `oklch(89.92% 0.0385 211.08)` | Forgotten Blue | black, 15.7 to 1 |
| 23 | `#b2dee8` | `oklch(87.33% 0.0481 212.17)` | Polar Blue | black, 14.5 to 1 |
| 24 | `#a1d6e3` | `oklch(84.33% 0.0577 213.70)` | Light Budgie Blue | black, 13.2 to 1 |
| 25 | `#90cddd` | `oklch(81.18% 0.0658 215.56)` | Baby Motive | black, 11.9 to 1 |
| 26 | `#82c3d6` | `oklch(78.13% 0.0711 217.66)` | Dolphin | black, 10.7 to 1 |
| 27 | `#76b8cd` | `oklch(74.58% 0.0740 220.54)` | Blue Chrysocolla | black, 9.5 to 1 |
| 28 | `#69aac3` | `oklch(70.48% 0.0755 224.14)` | Moonstone Blue | black, 8.1 to 1 |
| 29 | `#5e9cb8` | `oklch(66.21% 0.0760 228.04)` | Shakespeare | black, 6.9 to 1 |
| 30 | `#548fad` | `oklch(62.17% 0.0759 231.82)` | Sora Sky | black, 5.9 to 1 |
| 31 | `#4d84a3` | `oklch(58.74% 0.0757 235.04)` | Hemisphere | black, 5.1 to 1 |
| 32 | `#477c9d` | `oklch(56.30% 0.0758 237.29)` | Linoleum Blue | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #30516c 0.0%, #345570 3.2%, #395b76 6.5%, #3f637e 9.7%, #466b86 12.9%, #4d738e 16.1%, #567c97 19.4%, #5e869f 22.6%, #6990a7 25.8%, #749ab1 29.0%, #7fa5ba 32.3%, #8bb0c2 35.5%, #96baca 38.7%, #a1c3d2 41.9%, #aecdd9 45.2%, #bbd7e0 48.4%, #c7e0e6 51.6%, #d1e7ec 54.8%, #d6ebef 58.1%, #d6ecf1 61.3%, #ceeaef 64.5%, #c2e5ec 67.7%, #b2dee8 71.0%, #a1d6e3 74.2%, #90cddd 77.4%, #82c3d6 80.6%, #76b8cd 83.9%, #69aac3 87.1%, #5e9cb8 90.3%, #548fad 93.5%, #4d84a3 96.8%, #477c9d 100.0%);
background: linear-gradient(180deg in oklch, oklch(42.13% 0.0593 244.69) 0.0%, oklch(43.68% 0.0594 244.08) 3.2%, oklch(45.76% 0.0598 243.30) 6.5%, oklch(48.26% 0.0602 242.35) 9.7%, oklch(51.03% 0.0604 241.24) 12.9%, oklch(53.95% 0.0602 240.00) 16.1%, oklch(56.90% 0.0595 238.63) 19.4%, oklch(59.91% 0.0581 237.14) 22.6%, oklch(63.21% 0.0561 235.48) 25.8%, oklch(66.69% 0.0537 233.69) 29.0%, oklch(70.19% 0.0511 231.77) 32.3%, oklch(73.60% 0.0482 229.74) 35.5%, oklch(76.78% 0.0453 227.60) 38.7%, oklch(79.74% 0.0420 225.26) 41.9%, oklch(82.92% 0.0375 222.38) 45.2%, oklch(86.10% 0.0324 219.24) 48.4%, oklch(88.98% 0.0276 216.17) 51.6%, oklch(91.26% 0.0241 213.49) 54.8%, oklch(92.64% 0.0228 211.55) 58.1%, oklch(92.84% 0.0246 210.63) 61.3%, oklch(91.85% 0.0303 210.53) 64.5%, oklch(89.92% 0.0385 211.08) 67.7%, oklch(87.33% 0.0481 212.17) 71.0%, oklch(84.33% 0.0577 213.70) 74.2%, oklch(81.18% 0.0658 215.56) 77.4%, oklch(78.13% 0.0711 217.66) 80.6%, oklch(74.58% 0.0740 220.54) 83.9%, oklch(70.48% 0.0755 224.14) 87.1%, oklch(66.21% 0.0760 228.04) 90.3%, oklch(62.17% 0.0759 231.82) 93.5%, oklch(58.74% 0.0757 235.04) 96.8%, oklch(56.30% 0.0758 237.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.059 | 244.7 |
| 2 | 0.575 | 0.059 | 238.3 |
| 3 | 0.78 | 0.044 | 226.7 |
| 4 | 0.929 | 0.023 | 210.9 |
| 5 | 0.787 | 0.07 | 217.2 |
| 6 | 0.563 | 0.076 | 237.3 |

## In these collections

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

## Other forms

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