# Teal and sky blue monochrome blue palette

The Teal and sky blue monochrome blue palette brings together dark blue, teal, and light teal. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is dark blue, and its lightest tone is light teal.

- Also called: Monochrome navy to light blue radial gradient
- Seed: `kUTDOjwjo_lk2vzsHT8g`
- Page: https://grabient.com/kUTDOjwjo_lk2vzsHT8g?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#003346` | `oklch(29.93% 0.0597 230.03)` | Crowberry Blue | white, 13.5 to 1 |
| 2 | `#00364a` | `oklch(31.21% 0.0621 229.85)` | Crowberry Blue | white, 12.8 to 1 |
| 3 | `#003b50` | `oklch(32.87% 0.0652 229.64)` | Gibraltar Sea | white, 12.1 to 1 |
| 4 | `#004057` | `oklch(34.84% 0.0690 229.40)` | Maniac Mansion | white, 11.2 to 1 |
| 5 | `#00465e` | `oklch(37.04% 0.0731 229.13)` | Loyal Blue | white, 10.2 to 1 |
| 6 | `#004d67` | `oklch(39.41% 0.0775 228.83)` | Work Blue | white, 9.2 to 1 |
| 7 | `#005570` | `oklch(41.88% 0.0821 228.51)` | Night Kite | white, 8.3 to 1 |
| 8 | `#005c79` | `oklch(44.38% 0.0867 228.15)` | Gulf Coast | white, 7.4 to 1 |
| 9 | `#006482` | `oklch(46.83% 0.0911 227.77)` | Harem Silk | white, 6.7 to 1 |
| 10 | `#006b8b` | `oklch(49.16% 0.0953 227.36)` | Techno Blue | white, 6 to 1 |
| 11 | `#007193` | `oklch(51.31% 0.0990 226.92)` | Tropic Sea | white, 5.5 to 1 |
| 12 | `#00789a` | `oklch(53.26% 0.1023 226.45)` | Sea Sight | white, 5 to 1 |
| 13 | `#007ea1` | `oklch(55.15% 0.1054 225.93)` | Kingfisher Sheen | white, 4.6 to 1 |
| 14 | `#0084a7` | `oklch(57.00% 0.1083 225.36)` | Tibetan Turquoise | black, 4.8 to 1 |
| 15 | `#008aae` | `oklch(58.82% 0.1112 224.75)` | Corfu Waters | black, 5.2 to 1 |
| 16 | `#0090b4` | `oklch(60.59% 0.1139 224.12)` | Cool Tide | black, 5.6 to 1 |
| 17 | `#0095ba` | `oklch(62.34% 0.1165 223.46)` | Blue Danube | black, 6 to 1 |
| 18 | `#009bc0` | `oklch(64.05% 0.1191 222.80)` | Sea Wonder | black, 6.4 to 1 |
| 19 | `#00a1c6` | `oklch(65.73% 0.1216 222.13)` | Resonant Blue | black, 6.9 to 1 |
| 20 | `#00a7cc` | `oklch(67.38% 0.1240 221.48)` | Gummy Dolphins | black, 7.3 to 1 |
| 21 | `#00acd2` | `oklch(69.01% 0.1264 220.83)` | Hú Lán Blue | black, 7.8 to 1 |
| 22 | `#00b2d8` | `oklch(70.62% 0.1288 220.21)` | Blue Atoll | black, 8.3 to 1 |
| 23 | `#00b8dd` | `oklch(72.27% 0.1312 219.55)` | Maldives | black, 8.8 to 1 |
| 24 | `#00bee3` | `oklch(73.97% 0.1336 218.86)` | Blue Raspberry | black, 9.4 to 1 |
| 25 | `#26c3e7` | `oklch(75.67% 0.1295 218.14)` | Blue Raspberry | black, 10 to 1 |
| 26 | `#41c8e8` | `oklch(77.34% 0.1214 217.43)` | Picnic Day Sky | black, 10.6 to 1 |
| 27 | `#55cce9` | `oklch(78.95% 0.1131 216.73)` | Hawaiian Breeze | black, 11.2 to 1 |
| 28 | `#65d0ea` | `oklch(80.48% 0.1048 216.06)` | Summer Splash | black, 11.7 to 1 |
| 29 | `#73d4eb` | `oklch(81.88% 0.0970 215.45)` | Middle Blue | black, 12.3 to 1 |
| 30 | `#7fd7ec` | `oklch(83.13% 0.0900 214.90)` | Medium Sky Blue | black, 12.8 to 1 |
| 31 | `#88daed` | `oklch(84.20% 0.0842 214.43)` | Photon Barrier | black, 13.2 to 1 |
| 32 | `#8fdcee` | `oklch(85.04% 0.0799 214.07)` | Photon Barrier | black, 13.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #003346 0.0%, #00364a 3.2%, #003b50 6.5%, #004057 9.7%, #00465e 12.9%, #004d67 16.1%, #005570 19.4%, #005c79 22.6%, #006482 25.8%, #006b8b 29.0%, #007193 32.3%, #00789a 35.5%, #007ea1 38.7%, #0084a7 41.9%, #008aae 45.2%, #0090b4 48.4%, #0095ba 51.6%, #009bc0 54.8%, #00a1c6 58.1%, #00a7cc 61.3%, #00acd2 64.5%, #00b2d8 67.7%, #00b8dd 71.0%, #00bee3 74.2%, #26c3e7 77.4%, #41c8e8 80.6%, #55cce9 83.9%, #65d0ea 87.1%, #73d4eb 90.3%, #7fd7ec 93.5%, #88daed 96.8%, #8fdcee 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(29.93% 0.0597 230.03) 0.0%, oklch(31.21% 0.0621 229.85) 3.2%, oklch(32.87% 0.0652 229.64) 6.5%, oklch(34.84% 0.0690 229.40) 9.7%, oklch(37.04% 0.0731 229.13) 12.9%, oklch(39.41% 0.0775 228.83) 16.1%, oklch(41.88% 0.0821 228.51) 19.4%, oklch(44.38% 0.0867 228.15) 22.6%, oklch(46.83% 0.0911 227.77) 25.8%, oklch(49.16% 0.0953 227.36) 29.0%, oklch(51.31% 0.0990 226.92) 32.3%, oklch(53.26% 0.1023 226.45) 35.5%, oklch(55.15% 0.1054 225.93) 38.7%, oklch(57.00% 0.1083 225.36) 41.9%, oklch(58.82% 0.1112 224.75) 45.2%, oklch(60.59% 0.1139 224.12) 48.4%, oklch(62.34% 0.1165 223.46) 51.6%, oklch(64.05% 0.1191 222.80) 54.8%, oklch(65.73% 0.1216 222.13) 58.1%, oklch(67.38% 0.1240 221.48) 61.3%, oklch(69.01% 0.1264 220.83) 64.5%, oklch(70.62% 0.1288 220.21) 67.7%, oklch(72.27% 0.1312 219.55) 71.0%, oklch(73.97% 0.1336 218.86) 74.2%, oklch(75.67% 0.1295 218.14) 77.4%, oklch(77.34% 0.1214 217.43) 80.6%, oklch(78.95% 0.1131 216.73) 83.9%, oklch(80.48% 0.1048 216.06) 87.1%, oklch(81.88% 0.0970 215.45) 90.3%, oklch(83.13% 0.0900 214.90) 93.5%, oklch(84.20% 0.0842 214.43) 96.8%, oklch(85.04% 0.0799 214.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.07 | 229.9 |
| 2 | 0.52 | 0.16 | 226.8 |
| 3 | 0.701 | 0.15 | 220.4 |
| 4 | 0.85 | 0.08 | 214.1 |

## In these collections

- [Monochrome blue gradients](https://grabient.com/monochrome-blue-gradients)

## Other forms

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