# Gray, teal, blue and black angular swatches

Gray, teal, blue and black angular swatches with 80 colors: #99b6c3, #97b5c1, #94b2be, #90b0ba, #8cacb6, #88a9b2, #83a5ad, #7fa1a7, #7a9da2, #75999c, #719597, #6c9091, #688d8c, #648987, #618682, #5e837e, #5b807a, #587e77, #567d74, #557d72, #547d72, #547e72, #547f72, #558274, #578575, #598878, #5b8c7b, #5d917e, #609582, #639a86, #659f8a, #68a58f, #6aaa93, #6caf98, #6db49c, #6eb9a0, #6ebda5, #6dc1a8, #6bc4ac, #69c7af, #65c9b2, #5fccb5, #57ceb8, #4dd0bc, #3fd2c0, #2ad4c4, #00d6c9, #00d6cd, #00d5d0, #00d5d4, #00d3d7, #00d2da, #00d0dd, #00cedf, #00cbe2, #00c8e3, #00c5e5, #00c0e6, #00bce7, #00b6e7, #00b0e7, #00a9e6, #00a0e5, #0096e4, #008be4, #217fdd, #3574d0, #4068c1, #465db0, #4953a0, #494a8f, #47417e, #44396e, #3f325f, #3a2b51, #352645, #2f213a, #2a1d31, #251a2a, #211724. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWwRuhRpG5-GkP_byUXnIrKw`
- Page: https://grabient.com/kWwRuhRpG5-GkP_byUXnIrKw?style=angularSwatches&steps=80&angle=120
- Drawn as: angular swatches, 80 steps, 120 degrees
- Kinds: light center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#99b6c3` | `oklch(75.98% 0.0372 226.41)` | Peaceful Blue | black, 9.8 to 1 |
| 2 | `#97b5c1` | `oklch(75.36% 0.0375 224.93)` | Respite | black, 9.6 to 1 |
| 3 | `#94b2be` | `oklch(74.56% 0.0377 223.11)` | Lucy Blue | black, 9.3 to 1 |
| 4 | `#90b0ba` | `oklch(73.58% 0.0379 220.98)` | Lucy Blue | black, 9 to 1 |
| 5 | `#8cacb6` | `oklch(72.47% 0.0381 218.57)` | Aquitaine | black, 8.7 to 1 |
| 6 | `#88a9b2` | `oklch(71.25% 0.0383 215.93)` | Aquitaine | black, 8.3 to 1 |
| 7 | `#83a5ad` | `oklch(69.93% 0.0385 213.10)` | Ziggurat | black, 7.9 to 1 |
| 8 | `#7fa1a7` | `oklch(68.55% 0.0387 210.12)` | Tourmaline | black, 7.5 to 1 |
| 9 | `#7a9da2` | `oklch(67.12% 0.0389 207.02)` | Gould Blue | black, 7.1 to 1 |
| 10 | `#75999c` | `oklch(65.68% 0.0392 203.85)` | Alexandrite Teal | black, 6.7 to 1 |
| 11 | `#719597` | `oklch(64.24% 0.0396 200.64)` | Ship Shape | black, 6.4 to 1 |
| 12 | `#6c9091` | `oklch(62.83% 0.0400 197.44)` | Mineral Blue | black, 6 to 1 |
| 13 | `#688d8c` | `oklch(61.48% 0.0405 194.29)` | Ebbing Tide | black, 5.7 to 1 |
| 14 | `#648987` | `oklch(60.21% 0.0411 191.21)` | Tasmanian Sea | black, 5.4 to 1 |
| 15 | `#618682` | `oklch(59.03% 0.0418 188.26)` | Cretan Green | black, 5.2 to 1 |
| 16 | `#5e837e` | `oklch(57.99% 0.0426 185.48)` | Greenella | black, 5 to 1 |
| 17 | `#5b807a` | `oklch(57.10% 0.0435 182.89)` | Hanging Moss | black, 4.8 to 1 |
| 18 | `#587e77` | `oklch(56.38% 0.0445 180.55)` | Green Hour | black, 4.6 to 1 |
| 19 | `#567d74` | `oklch(55.86% 0.0457 178.49)` | Dull Turquoise | black, 4.5 to 1 |
| 20 | `#557d72` | `oklch(55.57% 0.0471 176.75)` | Dull Turquoise | white, 4.6 to 1 |
| 21 | `#547d72` | `oklch(55.53% 0.0486 175.37)` | Dull Turquoise | white, 4.6 to 1 |
| 22 | `#547e72` | `oklch(55.75% 0.0502 174.18)` | Dull Turquoise | black, 4.5 to 1 |
| 23 | `#547f72` | `oklch(56.22% 0.0520 173.12)` | Dull Turquoise | black, 4.6 to 1 |
| 24 | `#558274` | `oklch(56.91% 0.0537 172.20)` | Frosty Spruce | black, 4.8 to 1 |
| 25 | `#578575` | `oklch(57.79% 0.0556 171.40)` | Idyllic Island | black, 5 to 1 |
| 26 | `#598878` | `oklch(58.85% 0.0576 170.73)` | Privet Hedge | black, 5.2 to 1 |
| 27 | `#5b8c7b` | `oklch(60.04% 0.0597 170.20)` | Privet Hedge | black, 5.4 to 1 |
| 28 | `#5d917e` | `oklch(61.36% 0.0618 169.79)` | Sheffield | black, 5.7 to 1 |
| 29 | `#609582` | `oklch(62.76% 0.0641 169.51)` | Fiddler | black, 6.1 to 1 |
| 30 | `#639a86` | `oklch(64.22% 0.0665 169.37)` | Succulent Green | black, 6.5 to 1 |
| 31 | `#659f8a` | `oklch(65.72% 0.0690 169.35)` | Scotch Lassie | black, 6.9 to 1 |
| 32 | `#68a58f` | `oklch(67.23% 0.0716 169.46)` | Quilotoa Green | black, 7.3 to 1 |
| 33 | `#6aaa93` | `oklch(68.73% 0.0743 169.71)` | Peacock Silk | black, 7.7 to 1 |
| 34 | `#6caf98` | `oklch(70.18% 0.0772 170.08)` | Dusty Jade Green | black, 8.2 to 1 |
| 35 | `#6db49c` | `oklch(71.57% 0.0802 170.59)` | Tropic Turquoise | black, 8.6 to 1 |
| 36 | `#6eb9a0` | `oklch(72.86% 0.0833 171.22)` | Arboretum | black, 9 to 1 |
| 37 | `#6ebda5` | `oklch(74.02% 0.0866 171.98)` | Mint Cold Green | black, 9.4 to 1 |
| 38 | `#6dc1a8` | `oklch(75.04% 0.0900 172.88)` | Blue Energy | black, 9.8 to 1 |
| 39 | `#6bc4ac` | `oklch(75.89% 0.0936 173.90)` | Blue Energy | black, 10.1 to 1 |
| 40 | `#69c7af` | `oklch(76.53% 0.0973 175.06)` | Tropical Tide | black, 10.4 to 1 |
| 41 | `#65c9b2` | `oklch(76.98% 0.1013 176.34)` | Tropical Tide | black, 10.5 to 1 |
| 42 | `#5fccb5` | `oklch(77.38% 0.1060 177.78)` | Simply Aqua | black, 10.7 to 1 |
| 43 | `#57ceb8` | `oklch(77.74% 0.1116 179.37)` | Peppy Peacock | black, 10.9 to 1 |
| 44 | `#4dd0bc` | `oklch(78.07% 0.1178 181.10)` | Peppy Peacock | black, 11 to 1 |
| 45 | `#3fd2c0` | `oklch(78.36% 0.1245 182.97)` | Bianchi Green | black, 11.2 to 1 |
| 46 | `#2ad4c4` | `oklch(78.60% 0.1316 184.98)` | Turquoise Panic | black, 11.3 to 1 |
| 47 | `#00d6c9` | `oklch(78.77% 0.1375 187.12)` | Turquoise Panic | black, 11.4 to 1 |
| 48 | `#00d6cd` | `oklch(78.88% 0.1365 189.40)` | Turquoise Panic | black, 11.4 to 1 |
| 49 | `#00d5d0` | `oklch(78.92% 0.1356 191.80)` | Turquoise Panic | black, 11.4 to 1 |
| 50 | `#00d5d4` | `oklch(78.88% 0.1347 194.32)` | Turquoise Panic | black, 11.4 to 1 |
| 51 | `#00d3d7` | `oklch(78.75% 0.1340 196.96)` | Jade Glass | black, 11.3 to 1 |
| 52 | `#00d2da` | `oklch(78.52% 0.1335 199.72)` | Aztec Turquoise | black, 11.2 to 1 |
| 53 | `#00d0dd` | `oklch(78.19% 0.1331 202.59)` | Aztec Turquoise | black, 11 to 1 |
| 54 | `#00cedf` | `oklch(77.75% 0.1329 205.57)` | Jade Glass | black, 10.9 to 1 |
| 55 | `#00cbe2` | `oklch(77.19% 0.1329 208.66)` | Picnic Day Sky | black, 10.6 to 1 |
| 56 | `#00c8e3` | `oklch(76.51% 0.1332 211.84)` | Picnic Day Sky | black, 10.4 to 1 |
| 57 | `#00c5e5` | `oklch(75.70% 0.1338 215.12)` | Caribbean Blue | black, 10 to 1 |
| 58 | `#00c0e6` | `oklch(74.74% 0.1347 218.50)` | Blue Raspberry | black, 9.7 to 1 |
| 59 | `#00bce7` | `oklch(73.64% 0.1360 221.96)` | Blue Raspberry | black, 9.3 to 1 |
| 60 | `#00b6e7` | `oklch(72.39% 0.1378 225.51)` | Cyanite | black, 8.8 to 1 |
| 61 | `#00b0e7` | `oklch(70.92% 0.1401 229.25)` | Lynx Screen Blue | black, 8.3 to 1 |
| 62 | `#00a9e6` | `oklch(69.13% 0.1435 233.37)` | Huelveño Horizon | black, 7.8 to 1 |
| 63 | `#00a0e5` | `oklch(67.04% 0.1483 237.86)` | Vanadyl Blue | black, 7.1 to 1 |
| 64 | `#0096e4` | `oklch(64.70% 0.1554 242.65)` | Atmosphere | black, 6.5 to 1 |
| 65 | `#008be4` | `oklch(62.14% 0.1661 247.69)` | Blue Cola | black, 5.8 to 1 |
| 66 | `#217fdd` | `oklch(59.40% 0.1659 252.92)` | Soothing Sapphire | black, 5.1 to 1 |
| 67 | `#3574d0` | `oklch(56.51% 0.1560 258.31)` | Fading Night | white, 4.6 to 1 |
| 68 | `#4068c1` | `oklch(53.51% 0.1454 263.80)` | God of Rain | white, 5.2 to 1 |
| 69 | `#465db0` | `oklch(50.44% 0.1343 269.33)` | Chinese Bellflower | white, 6 to 1 |
| 70 | `#4953a0` | `oklch(47.34% 0.1229 274.86)` | Blue Ember | white, 6.9 to 1 |
| 71 | `#494a8f` | `oklch(44.23% 0.1113 280.33)` | Merlin’s Robe | white, 7.9 to 1 |
| 72 | `#47417e` | `oklch(41.17% 0.0997 285.68)` | Jacksons Purple | white, 9 to 1 |
| 73 | `#44396e` | `oklch(38.18% 0.0884 290.88)` | Opera Blue | white, 10.2 to 1 |
| 74 | `#3f325f` | `oklch(35.30% 0.0774 295.86)` | Jakarta Skyline | white, 11.4 to 1 |
| 75 | `#3a2b51` | `oklch(32.57% 0.0669 300.57)` | Midnight Pie | white, 12.7 to 1 |
| 76 | `#352645` | `oklch(30.03% 0.0572 304.97)` | Power Outage | white, 13.8 to 1 |
| 77 | `#2f213a` | `oklch(27.71% 0.0484 309.00)` | Bleached Cedar | white, 14.9 to 1 |
| 78 | `#2a1d31` | `oklch(25.64% 0.0406 312.60)` | Bleached Cedar | white, 15.9 to 1 |
| 79 | `#251a2a` | `oklch(23.88% 0.0341 315.74)` | Black Howl | white, 16.6 to 1 |
| 80 | `#211724` | `oklch(22.44% 0.0289 318.34)` | Kurobeni | white, 17.2 to 1 |

## CSS

```css
background: conic-gradient(from 120deg, #99b6c3 0.000% 1.250%, #97b5c1 1.250% 2.500%, #94b2be 2.500% 3.750%, #90b0ba 3.750% 5.000%, #8cacb6 5.000% 6.250%, #88a9b2 6.250% 7.500%, #83a5ad 7.500% 8.750%, #7fa1a7 8.750% 10.000%, #7a9da2 10.000% 11.250%, #75999c 11.250% 12.500%, #719597 12.500% 13.750%, #6c9091 13.750% 15.000%, #688d8c 15.000% 16.250%, #648987 16.250% 17.500%, #618682 17.500% 18.750%, #5e837e 18.750% 20.000%, #5b807a 20.000% 21.250%, #587e77 21.250% 22.500%, #567d74 22.500% 23.750%, #557d72 23.750% 25.000%, #547d72 25.000% 26.250%, #547e72 26.250% 27.500%, #547f72 27.500% 28.750%, #558274 28.750% 30.000%, #578575 30.000% 31.250%, #598878 31.250% 32.500%, #5b8c7b 32.500% 33.750%, #5d917e 33.750% 35.000%, #609582 35.000% 36.250%, #639a86 36.250% 37.500%, #659f8a 37.500% 38.750%, #68a58f 38.750% 40.000%, #6aaa93 40.000% 41.250%, #6caf98 41.250% 42.500%, #6db49c 42.500% 43.750%, #6eb9a0 43.750% 45.000%, #6ebda5 45.000% 46.250%, #6dc1a8 46.250% 47.500%, #6bc4ac 47.500% 48.750%, #69c7af 48.750% 50.000%, #65c9b2 50.000% 51.250%, #5fccb5 51.250% 52.500%, #57ceb8 52.500% 53.750%, #4dd0bc 53.750% 55.000%, #3fd2c0 55.000% 56.250%, #2ad4c4 56.250% 57.500%, #00d6c9 57.500% 58.750%, #00d6cd 58.750% 60.000%, #00d5d0 60.000% 61.250%, #00d5d4 61.250% 62.500%, #00d3d7 62.500% 63.750%, #00d2da 63.750% 65.000%, #00d0dd 65.000% 66.250%, #00cedf 66.250% 67.500%, #00cbe2 67.500% 68.750%, #00c8e3 68.750% 70.000%, #00c5e5 70.000% 71.250%, #00c0e6 71.250% 72.500%, #00bce7 72.500% 73.750%, #00b6e7 73.750% 75.000%, #00b0e7 75.000% 76.250%, #00a9e6 76.250% 77.500%, #00a0e5 77.500% 78.750%, #0096e4 78.750% 80.000%, #008be4 80.000% 81.250%, #217fdd 81.250% 82.500%, #3574d0 82.500% 83.750%, #4068c1 83.750% 85.000%, #465db0 85.000% 86.250%, #4953a0 86.250% 87.500%, #494a8f 87.500% 88.750%, #47417e 88.750% 90.000%, #44396e 90.000% 91.250%, #3f325f 91.250% 92.500%, #3a2b51 92.500% 93.750%, #352645 93.750% 95.000%, #2f213a 95.000% 96.250%, #2a1d31 96.250% 97.500%, #251a2a 97.500% 98.750%, #211724 98.750% 100.000%);
background: conic-gradient(from 120deg, oklch(75.98% 0.0372 226.41) 0.000% 1.250%, oklch(75.36% 0.0375 224.93) 1.250% 2.500%, oklch(74.56% 0.0377 223.11) 2.500% 3.750%, oklch(73.58% 0.0379 220.98) 3.750% 5.000%, oklch(72.47% 0.0381 218.57) 5.000% 6.250%, oklch(71.25% 0.0383 215.93) 6.250% 7.500%, oklch(69.93% 0.0385 213.10) 7.500% 8.750%, oklch(68.55% 0.0387 210.12) 8.750% 10.000%, oklch(67.12% 0.0389 207.02) 10.000% 11.250%, oklch(65.68% 0.0392 203.85) 11.250% 12.500%, oklch(64.24% 0.0396 200.64) 12.500% 13.750%, oklch(62.83% 0.0400 197.44) 13.750% 15.000%, oklch(61.48% 0.0405 194.29) 15.000% 16.250%, oklch(60.21% 0.0411 191.21) 16.250% 17.500%, oklch(59.03% 0.0418 188.26) 17.500% 18.750%, oklch(57.99% 0.0426 185.48) 18.750% 20.000%, oklch(57.10% 0.0435 182.89) 20.000% 21.250%, oklch(56.38% 0.0445 180.55) 21.250% 22.500%, oklch(55.86% 0.0457 178.49) 22.500% 23.750%, oklch(55.57% 0.0471 176.75) 23.750% 25.000%, oklch(55.53% 0.0486 175.37) 25.000% 26.250%, oklch(55.75% 0.0502 174.18) 26.250% 27.500%, oklch(56.22% 0.0520 173.12) 27.500% 28.750%, oklch(56.91% 0.0537 172.20) 28.750% 30.000%, oklch(57.79% 0.0556 171.40) 30.000% 31.250%, oklch(58.85% 0.0576 170.73) 31.250% 32.500%, oklch(60.04% 0.0597 170.20) 32.500% 33.750%, oklch(61.36% 0.0618 169.79) 33.750% 35.000%, oklch(62.76% 0.0641 169.51) 35.000% 36.250%, oklch(64.22% 0.0665 169.37) 36.250% 37.500%, oklch(65.72% 0.0690 169.35) 37.500% 38.750%, oklch(67.23% 0.0716 169.46) 38.750% 40.000%, oklch(68.73% 0.0743 169.71) 40.000% 41.250%, oklch(70.18% 0.0772 170.08) 41.250% 42.500%, oklch(71.57% 0.0802 170.59) 42.500% 43.750%, oklch(72.86% 0.0833 171.22) 43.750% 45.000%, oklch(74.02% 0.0866 171.98) 45.000% 46.250%, oklch(75.04% 0.0900 172.88) 46.250% 47.500%, oklch(75.89% 0.0936 173.90) 47.500% 48.750%, oklch(76.53% 0.0973 175.06) 48.750% 50.000%, oklch(76.98% 0.1013 176.34) 50.000% 51.250%, oklch(77.38% 0.1060 177.78) 51.250% 52.500%, oklch(77.74% 0.1116 179.37) 52.500% 53.750%, oklch(78.07% 0.1178 181.10) 53.750% 55.000%, oklch(78.36% 0.1245 182.97) 55.000% 56.250%, oklch(78.60% 0.1316 184.98) 56.250% 57.500%, oklch(78.77% 0.1375 187.12) 57.500% 58.750%, oklch(78.88% 0.1365 189.40) 58.750% 60.000%, oklch(78.92% 0.1356 191.80) 60.000% 61.250%, oklch(78.88% 0.1347 194.32) 61.250% 62.500%, oklch(78.75% 0.1340 196.96) 62.500% 63.750%, oklch(78.52% 0.1335 199.72) 63.750% 65.000%, oklch(78.19% 0.1331 202.59) 65.000% 66.250%, oklch(77.75% 0.1329 205.57) 66.250% 67.500%, oklch(77.19% 0.1329 208.66) 67.500% 68.750%, oklch(76.51% 0.1332 211.84) 68.750% 70.000%, oklch(75.70% 0.1338 215.12) 70.000% 71.250%, oklch(74.74% 0.1347 218.50) 71.250% 72.500%, oklch(73.64% 0.1360 221.96) 72.500% 73.750%, oklch(72.39% 0.1378 225.51) 73.750% 75.000%, oklch(70.92% 0.1401 229.25) 75.000% 76.250%, oklch(69.13% 0.1435 233.37) 76.250% 77.500%, oklch(67.04% 0.1483 237.86) 77.500% 78.750%, oklch(64.70% 0.1554 242.65) 78.750% 80.000%, oklch(62.14% 0.1661 247.69) 80.000% 81.250%, oklch(59.40% 0.1659 252.92) 81.250% 82.500%, oklch(56.51% 0.1560 258.31) 82.500% 83.750%, oklch(53.51% 0.1454 263.80) 83.750% 85.000%, oklch(50.44% 0.1343 269.33) 85.000% 86.250%, oklch(47.34% 0.1229 274.86) 86.250% 87.500%, oklch(44.23% 0.1113 280.33) 87.500% 88.750%, oklch(41.17% 0.0997 285.68) 88.750% 90.000%, oklch(38.18% 0.0884 290.88) 90.000% 91.250%, oklch(35.30% 0.0774 295.86) 91.250% 92.500%, oklch(32.57% 0.0669 300.57) 92.500% 93.750%, oklch(30.03% 0.0572 304.97) 93.750% 95.000%, oklch(27.71% 0.0484 309.00) 95.000% 96.250%, oklch(25.64% 0.0406 312.60) 96.250% 97.500%, oklch(23.88% 0.0341 315.74) 97.500% 98.750%, oklch(22.44% 0.0289 318.34) 98.750% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.76 | 0.037 | 226.4 |
| 2 | 0.555 | 0.048 | 175.7 |
| 3 | 0.768 | 0.099 | 175.7 |
| 4 | 0.72 | 0.201 | 226.4 |
| 5 | 0.224 | 0.029 | 318.3 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)
- [Underwater colors](https://grabient.com/underwater-colors)
- [Cool swatches](https://grabient.com/cool-swatches)

## Other forms

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