# Teal, blue, black and green radial swatches

Teal, blue, black and green radial swatches with 40 colors: #379fae, #3997a8, #3a8d9e, #3b8192, #3b7485, #3a6778, #385c6c, #365262, #334c5b, #314858, #2f4658, #2d465a, #2c465d, #2c4560, #2c4462, #2d4061, #2e3a5d, #2f3052, #2d2443, #281932, #210f21, #190714, #13030a, #110206, #130207, #1b040c, #260917, #351126, #431b39, #4f2750, #573367, #573e7b, #4f478a, #3c5293, #125d93, #00647e, #00676e, #006a5e, #006c4d, #156d3b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYpUWUs47DC4XQ4QDUsNiW4rwpLq`
- Page: https://grabient.com/kYpUWUs47DC4XQ4QDUsNiW4rwpLq?style=radialSwatches&steps=40&angle=0
- Drawn as: radial swatches, 40 steps, 0 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 6.4 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 | `#379fae` | `oklch(64.96% 0.0951 208.83)` | Teal Glacier | black, 6.7 to 1 |
| 2 | `#3997a8` | `oklch(62.88% 0.0901 210.90)` | Aqua Dance | black, 6.1 to 1 |
| 3 | `#3a8d9e` | `oklch(59.94% 0.0829 213.63)` | Scooter | black, 5.4 to 1 |
| 4 | `#3b8192` | `oklch(56.44% 0.0743 216.87)` | Wipeout | black, 4.7 to 1 |
| 5 | `#3b7485` | `oklch(52.64% 0.0651 220.50)` | Clear Viridian | white, 5.2 to 1 |
| 6 | `#3a6778` | `oklch(48.84% 0.0562 224.36)` | Barbados | white, 6.1 to 1 |
| 7 | `#385c6c` | `oklch(45.31% 0.0484 228.32)` | Blue Spell | white, 7.2 to 1 |
| 8 | `#365262` | `oklch(42.34% 0.0426 232.24)` | Wentworth | white, 8.2 to 1 |
| 9 | `#334c5b` | `oklch(40.20% 0.0396 235.96)` | Ingénue Blue | white, 9 to 1 |
| 10 | `#314858` | `oklch(38.97% 0.0397 239.09)` | Dilly Blue | white, 9.5 to 1 |
| 11 | `#2f4658` | `oklch(38.42% 0.0423 241.77)` | Blue Wing Teal | white, 9.7 to 1 |
| 12 | `#2d465a` | `oklch(38.30% 0.0465 244.37)` | Indigo Streamer | white, 9.8 to 1 |
| 13 | `#2c465d` | `oklch(38.36% 0.0515 247.26)` | Indigo Streamer | white, 9.8 to 1 |
| 14 | `#2c4560` | `oklch(38.35% 0.0564 250.82)` | Stay the Night | white, 9.8 to 1 |
| 15 | `#2c4462` | `oklch(38.02% 0.0606 255.43)` | Black Turmeric | white, 10 to 1 |
| 16 | `#2d4061` | `oklch(37.13% 0.0630 261.45)` | Black Turmeric | white, 10.4 to 1 |
| 17 | `#2e3a5d` | `oklch(35.39% 0.0630 269.45)` | Mediaeval Blue | white, 11.2 to 1 |
| 18 | `#2f3052` | `oklch(32.44% 0.0603 281.00)` | Haunted Dreams | white, 12.6 to 1 |
| 19 | `#2d2443` | `oklch(28.62% 0.0555 295.25)` | Telopea | white, 14.5 to 1 |
| 20 | `#281932` | `oklch(24.39% 0.0498 310.82)` | Blackcurrant | white, 16.5 to 1 |
| 21 | `#210f21` | `oklch(20.22% 0.0440 326.32)` | Inside | white, 18.2 to 1 |
| 22 | `#190714` | `oklch(16.55% 0.0390 340.38)` | Crow | white, 19.3 to 1 |
| 23 | `#13030a` | `oklch(13.86% 0.0357 351.61)` | Knight Rider | white, 20 to 1 |
| 24 | `#110206` | `oklch(12.60% 0.0351 358.63)` | Dark Matter | white, 20.2 to 1 |
| 25 | `#130207` | `oklch(13.21% 0.0381 0.55)` | Dark Matter | white, 20.1 to 1 |
| 26 | `#1b040c` | `oklch(15.69% 0.0445 358.85)` | Crow | white, 19.6 to 1 |
| 27 | `#260917` | `oklch(19.54% 0.0534 354.15)` | Meški Black | white, 18.5 to 1 |
| 28 | `#351126` | `oklch(24.27% 0.0639 346.90)` | Nightly Voyager | white, 16.7 to 1 |
| 29 | `#431b39` | `oklch(29.38% 0.0751 337.54)` | Blackberry | white, 14.3 to 1 |
| 30 | `#4f2750` | `oklch(34.38% 0.0858 326.52)` | Murasaki | white, 12 to 1 |
| 31 | `#573367` | `oklch(38.77% 0.0952 314.29)` | Purple Protégé | white, 10.1 to 1 |
| 32 | `#573e7b` | `oklch(42.04% 0.1023 301.30)` | Cyber Grape | white, 8.8 to 1 |
| 33 | `#4f478a` | `oklch(44.07% 0.1068 286.50)` | Moonlight Sonata | white, 8 to 1 |
| 34 | `#3c5293` | `oklch(45.43% 0.1097 267.78)` | Chinese Blue | white, 7.4 to 1 |
| 35 | `#125d93` | `oklch(46.27% 0.1115 246.51)` | Lapis Jewel | white, 7 to 1 |
| 36 | `#00647e` | `oklch(46.73% 0.0879 224.17)` | Ocean Depths | white, 6.7 to 1 |
| 37 | `#00676e` | `oklch(46.92% 0.0798 202.15)` | Trouser Blue | white, 6.5 to 1 |
| 38 | `#006a5e` | `oklch(46.99% 0.0842 181.93)` | Pacific Queen | white, 6.5 to 1 |
| 39 | `#006c4d` | `oklch(47.05% 0.0989 165.00)` | Environmental Green | white, 6.4 to 1 |
| 40 | `#156d3b` | `oklch(47.24% 0.1130 152.82)` | Dartmouth Green | white, 6.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #379fae 0.000% 2.500%, #3997a8 2.500% 5.000%, #3a8d9e 5.000% 7.500%, #3b8192 7.500% 10.000%, #3b7485 10.000% 12.500%, #3a6778 12.500% 15.000%, #385c6c 15.000% 17.500%, #365262 17.500% 20.000%, #334c5b 20.000% 22.500%, #314858 22.500% 25.000%, #2f4658 25.000% 27.500%, #2d465a 27.500% 30.000%, #2c465d 30.000% 32.500%, #2c4560 32.500% 35.000%, #2c4462 35.000% 37.500%, #2d4061 37.500% 40.000%, #2e3a5d 40.000% 42.500%, #2f3052 42.500% 45.000%, #2d2443 45.000% 47.500%, #281932 47.500% 50.000%, #210f21 50.000% 52.500%, #190714 52.500% 55.000%, #13030a 55.000% 57.500%, #110206 57.500% 60.000%, #130207 60.000% 62.500%, #1b040c 62.500% 65.000%, #260917 65.000% 67.500%, #351126 67.500% 70.000%, #431b39 70.000% 72.500%, #4f2750 72.500% 75.000%, #573367 75.000% 77.500%, #573e7b 77.500% 80.000%, #4f478a 80.000% 82.500%, #3c5293 82.500% 85.000%, #125d93 85.000% 87.500%, #00647e 87.500% 90.000%, #00676e 90.000% 92.500%, #006a5e 92.500% 95.000%, #006c4d 95.000% 97.500%, #156d3b 97.500% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(64.96% 0.0951 208.83) 0.000% 2.500%, oklch(62.88% 0.0901 210.90) 2.500% 5.000%, oklch(59.94% 0.0829 213.63) 5.000% 7.500%, oklch(56.44% 0.0743 216.87) 7.500% 10.000%, oklch(52.64% 0.0651 220.50) 10.000% 12.500%, oklch(48.84% 0.0562 224.36) 12.500% 15.000%, oklch(45.31% 0.0484 228.32) 15.000% 17.500%, oklch(42.34% 0.0426 232.24) 17.500% 20.000%, oklch(40.20% 0.0396 235.96) 20.000% 22.500%, oklch(38.97% 0.0397 239.09) 22.500% 25.000%, oklch(38.42% 0.0423 241.77) 25.000% 27.500%, oklch(38.30% 0.0465 244.37) 27.500% 30.000%, oklch(38.36% 0.0515 247.26) 30.000% 32.500%, oklch(38.35% 0.0564 250.82) 32.500% 35.000%, oklch(38.02% 0.0606 255.43) 35.000% 37.500%, oklch(37.13% 0.0630 261.45) 37.500% 40.000%, oklch(35.39% 0.0630 269.45) 40.000% 42.500%, oklch(32.44% 0.0603 281.00) 42.500% 45.000%, oklch(28.62% 0.0555 295.25) 45.000% 47.500%, oklch(24.39% 0.0498 310.82) 47.500% 50.000%, oklch(20.22% 0.0440 326.32) 50.000% 52.500%, oklch(16.55% 0.0390 340.38) 52.500% 55.000%, oklch(13.86% 0.0357 351.61) 55.000% 57.500%, oklch(12.60% 0.0351 358.63) 57.500% 60.000%, oklch(13.21% 0.0381 0.55) 60.000% 62.500%, oklch(15.69% 0.0445 358.85) 62.500% 65.000%, oklch(19.54% 0.0534 354.15) 65.000% 67.500%, oklch(24.27% 0.0639 346.90) 67.500% 70.000%, oklch(29.38% 0.0751 337.54) 70.000% 72.500%, oklch(34.38% 0.0858 326.52) 72.500% 75.000%, oklch(38.77% 0.0952 314.29) 75.000% 77.500%, oklch(42.04% 0.1023 301.30) 77.500% 80.000%, oklch(44.07% 0.1068 286.50) 80.000% 82.500%, oklch(45.43% 0.1097 267.78) 82.500% 85.000%, oklch(46.27% 0.1115 246.51) 85.000% 87.500%, oklch(46.73% 0.0879 224.17) 87.500% 90.000%, oklch(46.92% 0.0798 202.15) 90.000% 92.500%, oklch(46.99% 0.0842 181.93) 92.500% 95.000%, oklch(47.05% 0.0989 165.00) 95.000% 97.500%, oklch(47.24% 0.1130 152.82) 97.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.095 | 208.8 |
| 2 | 0.406 | 0.04 | 235.2 |
| 3 | 0.362 | 0.063 | 265.9 |
| 4 | 0.126 | 0.036 | 359.9 |
| 5 | 0.425 | 0.103 | 298.7 |
| 6 | 0.472 | 0.113 | 152.8 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)

## Other forms

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