# Vivid navy, teal, blue and cyan radial swatches

Vivid navy, teal, blue and cyan radial swatches with 64 colors: #001361, #001f5d, #00285f, #003163, #003b6a, #004671, #00527a, #005f84, #006d8e, #007b97, #0089a1, #0098aa, #00a7b3, #00b5ba, #00c3c1, #00d0c6, #00dcca, #00e7cc, #00f1ce, #00f8cf, #1bfdd0, #27ffd1, #27ffd2, #1afdd3, #00f8d4, #00f0d5, #00e7d4, #00ddd3, #00d1d0, #00c5cc, #00b8c7, #00aac1, #009dba, #0090b3, #0083ad, #0077a6, #006ca1, #00629c, #015899, #105093, #174b8e, #1b478a, #1e4588, #204588, #21478a, #224a8d, #234f92, #245598, #245c9e, #2464a5, #246dad, #2377b5, #2181bd, #208bc5, #1f96ce, #1ea1d5, #1eacdc, #1fb6e3, #21c0e9, #25caef, #2ad2f3, #2ed9f7, #33e0fb, #37e4fd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUP2S78by1LMsSlrsbng`
- Page: https://grabient.com/kUP2S78by1LMsSlrsbng?style=radialSwatches&steps=64&angle=0
- Drawn as: radial swatches, 64 steps, 0 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 12.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 | `#001361` | `oklch(24.81% 0.1377 263.77)` | Atlantic Depths | white, 16.5 to 1 |
| 2 | `#001f5d` | `oklch(26.62% 0.1168 261.24)` | Clarinet | white, 15.5 to 1 |
| 3 | `#00285f` | `oklch(28.91% 0.1067 257.94)` | Blue Leviathan | white, 14.3 to 1 |
| 4 | `#003163` | `oklch(31.64% 0.1007 253.99)` | Prussian Blue | white, 12.9 to 1 |
| 5 | `#003b6a` | `oklch(34.75% 0.0971 249.48)` | Ateneo Blue | white, 11.4 to 1 |
| 6 | `#004671` | `oklch(38.18% 0.0951 244.51)` | Medici Blue | white, 9.8 to 1 |
| 7 | `#00527a` | `oklch(41.87% 0.0946 239.17)` | Silk Jewel | white, 8.4 to 1 |
| 8 | `#005f84` | `oklch(45.76% 0.0952 233.53)` | Sapphire Sparkle | white, 7 to 1 |
| 9 | `#006d8e` | `oklch(49.80% 0.0968 227.69)` | Copacabana | white, 5.8 to 1 |
| 10 | `#007b97` | `oklch(53.93% 0.0994 221.73)` | Mosaic Blue | white, 4.9 to 1 |
| 11 | `#0089a1` | `oklch(58.09% 0.1030 215.74)` | Teal Blue | black, 5.1 to 1 |
| 12 | `#0098aa` | `oklch(62.22% 0.1075 209.80)` | Aquarium Diver | black, 6 to 1 |
| 13 | `#00a7b3` | `oklch(66.27% 0.1130 204.02)` | Exotic Sea | black, 7.1 to 1 |
| 14 | `#00b5ba` | `oklch(70.18% 0.1193 198.46)` | Cyan Sky | black, 8.3 to 1 |
| 15 | `#00c3c1` | `oklch(73.89% 0.1265 193.22)` | Cala Benirrás Blue | black, 9.5 to 1 |
| 16 | `#00d0c6` | `oklch(77.33% 0.1343 188.39)` | Blue Martina | black, 10.8 to 1 |
| 17 | `#00dcca` | `oklch(80.47% 0.1425 184.05)` | Mint Morning | black, 12.1 to 1 |
| 18 | `#00e7cc` | `oklch(83.23% 0.1507 180.29)` | Fake Jade | black, 13.3 to 1 |
| 19 | `#00f1ce` | `oklch(85.55% 0.1584 177.19)` | Fake Jade | black, 14.4 to 1 |
| 20 | `#00f8cf` | `oklch(87.39% 0.1650 174.86)` | Bright Teal | black, 15.3 to 1 |
| 21 | `#1bfdd0` | `oklch(88.68% 0.1669 173.36)` | Plunge Pool | black, 15.9 to 1 |
| 22 | `#27ffd1` | `oklch(89.37% 0.1667 172.79)` | Plunge Pool | black, 16.3 to 1 |
| 23 | `#27ffd2` | `oklch(89.38% 0.1661 173.26)` | Plunge Pool | black, 16.3 to 1 |
| 24 | `#1afdd3` | `oklch(88.73% 0.1651 174.75)` | Ice Ice Baby | black, 15.9 to 1 |
| 25 | `#00f8d4` | `oklch(87.49% 0.1621 177.16)` | Ice Ice Baby | black, 15.3 to 1 |
| 26 | `#00f0d5` | `oklch(85.72% 0.1551 180.38)` | Frozen Boubble | black, 14.4 to 1 |
| 27 | `#00e7d4` | `oklch(83.49% 0.1476 184.32)` | MoS₂ Cyan | black, 13.4 to 1 |
| 28 | `#00ddd3` | `oklch(80.87% 0.1402 188.87)` | Mint Morning | black, 12.2 to 1 |
| 29 | `#00d1d0` | `oklch(77.93% 0.1332 193.93)` | Blue Martina | black, 11 to 1 |
| 30 | `#00c5cc` | `oklch(74.72% 0.1270 199.39)` | Turquoise Surf | black, 9.8 to 1 |
| 31 | `#00b8c7` | `oklch(71.32% 0.1218 205.15)` | Lago Blue | black, 8.6 to 1 |
| 32 | `#00aac1` | `oklch(67.81% 0.1177 211.12)` | Sarah’s Garden | black, 7.5 to 1 |
| 33 | `#009dba` | `oklch(64.23% 0.1148 217.18)` | Brilliant Sea | black, 6.5 to 1 |
| 34 | `#0090b3` | `oklch(60.67% 0.1132 223.24)` | Cool Tide | black, 5.6 to 1 |
| 35 | `#0083ad` | `oklch(57.18% 0.1129 229.19)` | Tusche Blue | black, 4.8 to 1 |
| 36 | `#0077a6` | `oklch(53.84% 0.1141 234.92)` | Summer Lake | white, 4.9 to 1 |
| 37 | `#006ca1` | `oklch(50.71% 0.1169 240.35)` | Jazz Blue | white, 5.7 to 1 |
| 38 | `#00629c` | `oklch(47.86% 0.1214 245.36)` | Atlantic Mystique | white, 6.5 to 1 |
| 39 | `#015899` | `oklch(45.35% 0.1272 249.81)` | Parachuting | white, 7.3 to 1 |
| 40 | `#105093` | `oklch(43.27% 0.1252 253.67)` | Blue Olympus | white, 8 to 1 |
| 41 | `#174b8e` | `oklch(41.66% 0.1235 256.81)` | Iron Blue | white, 8.6 to 1 |
| 42 | `#1b478a` | `oklch(40.60% 0.1222 259.12)` | Indigo Hamlet | white, 9.1 to 1 |
| 43 | `#1e4588` | `oklch(40.16% 0.1213 260.50)` | Indigo Hamlet | white, 9.2 to 1 |
| 44 | `#204588` | `oklch(40.30% 0.1207 261.02)` | Indigo Hamlet | white, 9.2 to 1 |
| 45 | `#21478a` | `oklch(40.92% 0.1204 260.86)` | Indigo Hamlet | white, 8.9 to 1 |
| 46 | `#224a8d` | `oklch(41.98% 0.1204 260.08)` | Pacific Navy | white, 8.5 to 1 |
| 47 | `#234f92` | `oklch(43.44% 0.1206 258.74)` | Le Grand Bleu | white, 8 to 1 |
| 48 | `#245598` | `oklch(45.24% 0.1210 256.90)` | Fist of the North Star | white, 7.4 to 1 |
| 49 | `#245c9e` | `oklch(47.34% 0.1216 254.62)` | Drakenhof Nightshade | white, 6.7 to 1 |
| 50 | `#2464a5` | `oklch(49.69% 0.1224 251.97)` | Nebulas Blue | white, 6 to 1 |
| 51 | `#246dad` | `oklch(52.26% 0.1233 249.00)` | In the Nick | white, 5.4 to 1 |
| 52 | `#2377b5` | `oklch(55.00% 0.1243 245.79)` | Americana | white, 4.8 to 1 |
| 53 | `#2181bd` | `oklch(57.86% 0.1254 242.38)` | Mediterranean Blue | black, 4.9 to 1 |
| 54 | `#208bc5` | `oklch(60.80% 0.1266 238.84)` | Cyan Cornflower Blue | black, 5.5 to 1 |
| 55 | `#1f96ce` | `oklch(63.77% 0.1278 235.23)` | Astrolabe Reef | black, 6.3 to 1 |
| 56 | `#1ea1d5` | `oklch(66.74% 0.1290 231.62)` | Blue Damselfly | black, 7.1 to 1 |
| 57 | `#1eacdc` | `oklch(69.64% 0.1302 228.06)` | Royal Peacock | black, 7.9 to 1 |
| 58 | `#1fb6e3` | `oklch(72.45% 0.1314 224.61)` | Blue Atoll | black, 8.8 to 1 |
| 59 | `#21c0e9` | `oklch(75.10% 0.1325 221.34)` | Blue Raspberry | black, 9.8 to 1 |
| 60 | `#25caef` | `oklch(77.57% 0.1336 218.31)` | Picnic Day Sky | black, 10.7 to 1 |
| 61 | `#2ad2f3` | `oklch(79.81% 0.1345 215.57)` | Picnic Day Sky | black, 11.6 to 1 |
| 62 | `#2ed9f7` | `oklch(81.76% 0.1353 213.20)` | Neon Blue | black, 12.4 to 1 |
| 63 | `#33e0fb` | `oklch(83.39% 0.1360 211.25)` | Vaporwave Blue | black, 13.1 to 1 |
| 64 | `#37e4fd` | `oklch(84.65% 0.1364 209.78)` | Shimmering Expanse Cyan | black, 13.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #001361 0.000% 1.563%, #001f5d 1.563% 3.125%, #00285f 3.125% 4.688%, #003163 4.688% 6.250%, #003b6a 6.250% 7.813%, #004671 7.813% 9.375%, #00527a 9.375% 10.938%, #005f84 10.938% 12.500%, #006d8e 12.500% 14.063%, #007b97 14.063% 15.625%, #0089a1 15.625% 17.188%, #0098aa 17.188% 18.750%, #00a7b3 18.750% 20.313%, #00b5ba 20.313% 21.875%, #00c3c1 21.875% 23.438%, #00d0c6 23.438% 25.000%, #00dcca 25.000% 26.563%, #00e7cc 26.563% 28.125%, #00f1ce 28.125% 29.688%, #00f8cf 29.688% 31.250%, #1bfdd0 31.250% 32.813%, #27ffd1 32.813% 34.375%, #27ffd2 34.375% 35.938%, #1afdd3 35.938% 37.500%, #00f8d4 37.500% 39.063%, #00f0d5 39.063% 40.625%, #00e7d4 40.625% 42.188%, #00ddd3 42.188% 43.750%, #00d1d0 43.750% 45.313%, #00c5cc 45.313% 46.875%, #00b8c7 46.875% 48.438%, #00aac1 48.438% 50.000%, #009dba 50.000% 51.563%, #0090b3 51.563% 53.125%, #0083ad 53.125% 54.688%, #0077a6 54.688% 56.250%, #006ca1 56.250% 57.813%, #00629c 57.813% 59.375%, #015899 59.375% 60.938%, #105093 60.938% 62.500%, #174b8e 62.500% 64.063%, #1b478a 64.063% 65.625%, #1e4588 65.625% 67.188%, #204588 67.188% 68.750%, #21478a 68.750% 70.313%, #224a8d 70.313% 71.875%, #234f92 71.875% 73.438%, #245598 73.438% 75.000%, #245c9e 75.000% 76.563%, #2464a5 76.563% 78.125%, #246dad 78.125% 79.688%, #2377b5 79.688% 81.250%, #2181bd 81.250% 82.813%, #208bc5 82.813% 84.375%, #1f96ce 84.375% 85.938%, #1ea1d5 85.938% 87.500%, #1eacdc 87.500% 89.063%, #1fb6e3 89.063% 90.625%, #21c0e9 90.625% 92.188%, #25caef 92.188% 93.750%, #2ad2f3 93.750% 95.313%, #2ed9f7 95.313% 96.875%, #33e0fb 96.875% 98.438%, #37e4fd 98.438% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(24.81% 0.1377 263.77) 0.000% 1.563%, oklch(26.62% 0.1168 261.24) 1.563% 3.125%, oklch(28.91% 0.1067 257.94) 3.125% 4.688%, oklch(31.64% 0.1007 253.99) 4.688% 6.250%, oklch(34.75% 0.0971 249.48) 6.250% 7.813%, oklch(38.18% 0.0951 244.51) 7.813% 9.375%, oklch(41.87% 0.0946 239.17) 9.375% 10.938%, oklch(45.76% 0.0952 233.53) 10.938% 12.500%, oklch(49.80% 0.0968 227.69) 12.500% 14.063%, oklch(53.93% 0.0994 221.73) 14.063% 15.625%, oklch(58.09% 0.1030 215.74) 15.625% 17.188%, oklch(62.22% 0.1075 209.80) 17.188% 18.750%, oklch(66.27% 0.1130 204.02) 18.750% 20.313%, oklch(70.18% 0.1193 198.46) 20.313% 21.875%, oklch(73.89% 0.1265 193.22) 21.875% 23.438%, oklch(77.33% 0.1343 188.39) 23.438% 25.000%, oklch(80.47% 0.1425 184.05) 25.000% 26.563%, oklch(83.23% 0.1507 180.29) 26.563% 28.125%, oklch(85.55% 0.1584 177.19) 28.125% 29.688%, oklch(87.39% 0.1650 174.86) 29.688% 31.250%, oklch(88.68% 0.1669 173.36) 31.250% 32.813%, oklch(89.37% 0.1667 172.79) 32.813% 34.375%, oklch(89.38% 0.1661 173.26) 34.375% 35.938%, oklch(88.73% 0.1651 174.75) 35.938% 37.500%, oklch(87.49% 0.1621 177.16) 37.500% 39.063%, oklch(85.72% 0.1551 180.38) 39.063% 40.625%, oklch(83.49% 0.1476 184.32) 40.625% 42.188%, oklch(80.87% 0.1402 188.87) 42.188% 43.750%, oklch(77.93% 0.1332 193.93) 43.750% 45.313%, oklch(74.72% 0.1270 199.39) 45.313% 46.875%, oklch(71.32% 0.1218 205.15) 46.875% 48.438%, oklch(67.81% 0.1177 211.12) 48.438% 50.000%, oklch(64.23% 0.1148 217.18) 50.000% 51.563%, oklch(60.67% 0.1132 223.24) 51.563% 53.125%, oklch(57.18% 0.1129 229.19) 53.125% 54.688%, oklch(53.84% 0.1141 234.92) 54.688% 56.250%, oklch(50.71% 0.1169 240.35) 56.250% 57.813%, oklch(47.86% 0.1214 245.36) 57.813% 59.375%, oklch(45.35% 0.1272 249.81) 59.375% 60.938%, oklch(43.27% 0.1252 253.67) 60.938% 62.500%, oklch(41.66% 0.1235 256.81) 62.500% 64.063%, oklch(40.60% 0.1222 259.12) 64.063% 65.625%, oklch(40.16% 0.1213 260.50) 65.625% 67.188%, oklch(40.30% 0.1207 261.02) 67.188% 68.750%, oklch(40.92% 0.1204 260.86) 68.750% 70.313%, oklch(41.98% 0.1204 260.08) 70.313% 71.875%, oklch(43.44% 0.1206 258.74) 71.875% 73.438%, oklch(45.24% 0.1210 256.90) 73.438% 75.000%, oklch(47.34% 0.1216 254.62) 75.000% 76.563%, oklch(49.69% 0.1224 251.97) 76.563% 78.125%, oklch(52.26% 0.1233 249.00) 78.125% 79.688%, oklch(55.00% 0.1243 245.79) 79.688% 81.250%, oklch(57.86% 0.1254 242.38) 81.250% 82.813%, oklch(60.80% 0.1266 238.84) 82.813% 84.375%, oklch(63.77% 0.1278 235.23) 84.375% 85.938%, oklch(66.74% 0.1290 231.62) 85.938% 87.500%, oklch(69.64% 0.1302 228.06) 87.500% 89.063%, oklch(72.45% 0.1314 224.61) 89.063% 90.625%, oklch(75.10% 0.1325 221.34) 90.625% 92.188%, oklch(77.57% 0.1336 218.31) 92.188% 93.750%, oklch(79.81% 0.1345 215.57) 93.750% 95.313%, oklch(81.76% 0.1353 213.20) 95.313% 96.875%, oklch(83.39% 0.1360 211.25) 96.875% 98.438%, oklch(84.65% 0.1364 209.78) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.138 | 263.7 |
| 2 | 0.894 | 0.167 | 172.8 |
| 3 | 0.402 | 0.121 | 260.5 |
| 4 | 0.846 | 0.136 | 209.8 |

## Other forms

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