# Teal cyan palette

The Teal cyan palette brings together dark blue, teal, and light teal. 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 dark blue, and its lightest tone is light teal.

- Also called: Analogous black, teal and light blue linear gradient
- Seed: `kYNhqgJ5K_DYZvxFIL81KW_WWhP2`
- Page: https://grabient.com/kYNhqgJ5K_DYZvxFIL81KW_WWhP2?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 9.6 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 | `#031c25` | `oklch(21.26% 0.0358 225.00)` | Creeping Death | white, 17.5 to 1 |
| 2 | `#041f28` | `oklch(22.27% 0.0374 224.23)` | Stellar Explorer | white, 17 to 1 |
| 3 | `#04222c` | `oklch(23.65% 0.0394 223.16)` | Midnight Dreams | white, 16.4 to 1 |
| 4 | `#052731` | `oklch(25.29% 0.0419 221.90)` | Daintree | white, 15.7 to 1 |
| 5 | `#062c36` | `oklch(27.09% 0.0447 220.53)` | Black Chasm | white, 14.8 to 1 |
| 6 | `#07313b` | `oklch(28.95% 0.0476 219.15)` | Artist Blue | white, 13.9 to 1 |
| 7 | `#083641` | `oklch(30.76% 0.0504 217.85)` | Natural Indigo | white, 13 to 1 |
| 8 | `#083b46` | `oklch(32.50% 0.0533 216.64)` | Ghostlands Coal | white, 12.2 to 1 |
| 9 | `#09404b` | `oklch(34.29% 0.0563 215.42)` | Cold and Dark | white, 11.4 to 1 |
| 10 | `#094551` | `oklch(36.13% 0.0594 214.20)` | Crab Nebula | white, 10.5 to 1 |
| 11 | `#0a4b56` | `oklch(38.00% 0.0626 212.99)` | Watercolour Blue | white, 9.7 to 1 |
| 12 | `#0a515c` | `oklch(39.88% 0.0658 211.80)` | Kali Blue | white, 9 to 1 |
| 13 | `#0a5662` | `oklch(41.77% 0.0690 210.65)` | Abyssal Waters | white, 8.3 to 1 |
| 14 | `#0b5c67` | `oklch(43.65% 0.0722 209.55)` | Egyptian Enamel | white, 7.6 to 1 |
| 15 | `#0b626d` | `oklch(45.53% 0.0754 208.47)` | Peacock Tail | white, 7 to 1 |
| 16 | `#0b6873` | `oklch(47.42% 0.0786 207.42)` | Kingfisher Bright | white, 6.4 to 1 |
| 17 | `#0b6e78` | `oklch(49.33% 0.0819 206.40)` | Carnival Night | white, 5.9 to 1 |
| 18 | `#0c747e` | `oklch(51.25% 0.0850 205.40)` | Night Scape | white, 5.4 to 1 |
| 19 | `#0e7b84` | `oklch(53.17% 0.0879 204.43)` | Mediterranean Cove | white, 5 to 1 |
| 20 | `#10818a` | `oklch(55.10% 0.0907 203.49)` | Riviera Sea | white, 4.6 to 1 |
| 21 | `#12878f` | `oklch(57.04% 0.0936 202.58)` | Ocean Soul | black, 4.9 to 1 |
| 22 | `#158e95` | `oklch(58.97% 0.0965 201.69)` | Christina Brown | black, 5.3 to 1 |
| 23 | `#18949b` | `oklch(60.92% 0.0992 200.84)` | Peacock Feather | black, 5.7 to 1 |
| 24 | `#1d9ba1` | `oklch(62.89% 0.1014 200.01)` | Island Dream | black, 6.2 to 1 |
| 25 | `#24a2a7` | `oklch(64.90% 0.1029 199.20)` | Cancer Seagreen Scarab | black, 6.7 to 1 |
| 26 | `#2da8ac` | `oklch(66.96% 0.1033 198.43)` | Blue Island | black, 7.3 to 1 |
| 27 | `#39afb3` | `oklch(69.25% 0.1024 197.63)` | Lake Tahoe Turquoise | black, 7.9 to 1 |
| 28 | `#47b7b9` | `oklch(71.74% 0.1004 196.83)` | Montego Bay | black, 8.7 to 1 |
| 29 | `#54bfc0` | `oklch(74.24% 0.0977 196.06)` | Gem Turquoise | black, 9.5 to 1 |
| 30 | `#60c6c6` | `oklch(76.55% 0.0950 195.37)` | Chinese Lacquer | black, 10.3 to 1 |
| 31 | `#6acccb` | `oklch(78.51% 0.0925 194.78)` | Petrichor | black, 11 to 1 |
| 32 | `#70d0cf` | `oklch(79.92% 0.0909 194.35)` | Soft Turquoise | black, 11.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #031c25 0.0%, #041f28 3.2%, #04222c 6.5%, #052731 9.7%, #062c36 12.9%, #07313b 16.1%, #083641 19.4%, #083b46 22.6%, #09404b 25.8%, #094551 29.0%, #0a4b56 32.3%, #0a515c 35.5%, #0a5662 38.7%, #0b5c67 41.9%, #0b626d 45.2%, #0b6873 48.4%, #0b6e78 51.6%, #0c747e 54.8%, #0e7b84 58.1%, #10818a 61.3%, #12878f 64.5%, #158e95 67.7%, #18949b 71.0%, #1d9ba1 74.2%, #24a2a7 77.4%, #2da8ac 80.6%, #39afb3 83.9%, #47b7b9 87.1%, #54bfc0 90.3%, #60c6c6 93.5%, #6acccb 96.8%, #70d0cf 100.0%);
background: linear-gradient(45deg in oklch, oklch(21.26% 0.0358 225.00) 0.0%, oklch(22.27% 0.0374 224.23) 3.2%, oklch(23.65% 0.0394 223.16) 6.5%, oklch(25.29% 0.0419 221.90) 9.7%, oklch(27.09% 0.0447 220.53) 12.9%, oklch(28.95% 0.0476 219.15) 16.1%, oklch(30.76% 0.0504 217.85) 19.4%, oklch(32.50% 0.0533 216.64) 22.6%, oklch(34.29% 0.0563 215.42) 25.8%, oklch(36.13% 0.0594 214.20) 29.0%, oklch(38.00% 0.0626 212.99) 32.3%, oklch(39.88% 0.0658 211.80) 35.5%, oklch(41.77% 0.0690 210.65) 38.7%, oklch(43.65% 0.0722 209.55) 41.9%, oklch(45.53% 0.0754 208.47) 45.2%, oklch(47.42% 0.0786 207.42) 48.4%, oklch(49.33% 0.0819 206.40) 51.6%, oklch(51.25% 0.0850 205.40) 54.8%, oklch(53.17% 0.0879 204.43) 58.1%, oklch(55.10% 0.0907 203.49) 61.3%, oklch(57.04% 0.0936 202.58) 64.5%, oklch(58.97% 0.0965 201.69) 67.7%, oklch(60.92% 0.0992 200.84) 71.0%, oklch(62.89% 0.1014 200.01) 74.2%, oklch(64.90% 0.1029 199.20) 77.4%, oklch(66.96% 0.1033 198.43) 80.6%, oklch(69.25% 0.1024 197.63) 83.9%, oklch(71.74% 0.1004 196.83) 87.1%, oklch(74.24% 0.0977 196.06) 90.3%, oklch(76.55% 0.0950 195.37) 93.5%, oklch(78.51% 0.0925 194.78) 96.8%, oklch(79.92% 0.0909 194.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.036 | 225 |
| 2 | 0.311 | 0.051 | 217.6 |
| 3 | 0.425 | 0.07 | 210.2 |
| 4 | 0.543 | 0.09 | 203.9 |
| 5 | 0.665 | 0.103 | 198.6 |
| 6 | 0.799 | 0.091 | 194.4 |

## In these collections

- [Cyan gradients](https://grabient.com/cyan-gradients)

## Other forms

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