# Teal blue and honey window wedges

Sixty-four angular swatches move from charcoal teal through blue teal and muted slate blue, returning to turquoise before finishing in moss green, olive, and honey gold. The dark closure forms a deliberate spoke in the window-like geometry. These dense colored wedges suit decorative glass-inspired posters, ornamental patterns, and green-blue color studies.

- Also called: Black, teal, blue and tan angular swatches
- Seed: `kUOwqcwB0-LgdxXkpaxg`
- Page: https://grabient.com/kUOwqcwB0-LgdxXkpaxg?style=angularSwatches&steps=64&angle=225
- Drawn as: angular swatches, 64 steps, 225 degrees
- Kinds: vivid, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.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 | `#161f22` | `oklch(23.23% 0.0138 220.08)` | Satin Deep Black | white, 16.7 to 1 |
| 2 | `#172124` | `oklch(23.97% 0.0156 219.63)` | Black Feather | white, 16.4 to 1 |
| 3 | `#182427` | `oklch(24.89% 0.0178 218.99)` | Sunken Ship | white, 15.9 to 1 |
| 4 | `#19262b` | `oklch(25.98% 0.0203 218.20)` | Black Pearl | white, 15.4 to 1 |
| 5 | `#1a2a2e` | `oklch(27.20% 0.0232 217.28)` | Black Pearl | white, 14.8 to 1 |
| 6 | `#1b2e33` | `oklch(28.54% 0.0264 216.25)` | Freinacht Black | white, 14.2 to 1 |
| 7 | `#1b3237` | `oklch(29.99% 0.0297 215.14)` | Ore Bluish Black | white, 13.5 to 1 |
| 8 | `#1c363c` | `oklch(31.51% 0.0333 213.97)` | Cruel Sea | white, 12.7 to 1 |
| 9 | `#1d3b41` | `oklch(33.10% 0.0371 212.77)` | Royal Neptune | white, 12 to 1 |
| 10 | `#1e4046` | `oklch(34.73% 0.0409 211.56)` | Bay Isle Pointe | white, 11.2 to 1 |
| 11 | `#1e454b` | `oklch(36.38% 0.0448 210.36)` | Blue Hill | white, 10.5 to 1 |
| 12 | `#1e4a50` | `oklch(38.03% 0.0487 209.20)` | Ponderosa Pine | white, 9.7 to 1 |
| 13 | `#1f4f56` | `oklch(39.67% 0.0526 208.11)` | Immersed | white, 9.1 to 1 |
| 14 | `#1f545b` | `oklch(41.27% 0.0565 207.11)` | Hidden Waters | white, 8.5 to 1 |
| 15 | `#1e5960` | `oklch(42.81% 0.0602 206.22)` | Moonlit Pool | white, 7.9 to 1 |
| 16 | `#1e5d64` | `oklch(44.28% 0.0638 205.47)` | Gulf Harbour | white, 7.4 to 1 |
| 17 | `#1d6269` | `oklch(45.65% 0.0672 204.89)` | Seamount | white, 7 to 1 |
| 18 | `#1c666d` | `oklch(46.91% 0.0704 204.49)` | Pacific | white, 6.6 to 1 |
| 19 | `#1b6a71` | `oklch(48.03% 0.0733 204.31)` | Teal Fury | white, 6.3 to 1 |
| 20 | `#1a6d74` | `oklch(49.00% 0.0759 204.36)` | Teal Fury | white, 6 to 1 |
| 21 | `#186f78` | `oklch(49.79% 0.0781 204.68)` | Carnival Night | white, 5.8 to 1 |
| 22 | `#17717a` | `oklch(50.39% 0.0799 205.28)` | Night Scape | white, 5.6 to 1 |
| 23 | `#16727d` | `oklch(50.77% 0.0814 206.40)` | Night Scape | white, 5.6 to 1 |
| 24 | `#14737f` | `oklch(50.93% 0.0825 208.19)` | Night Scape | white, 5.5 to 1 |
| 25 | `#137280` | `oklch(50.89% 0.0833 210.56)` | Deep Current | white, 5.5 to 1 |
| 26 | `#137182` | `oklch(50.68% 0.0839 213.42)` | Billabong | white, 5.6 to 1 |
| 27 | `#147083` | `oklch(50.31% 0.0843 216.68)` | Billabong | white, 5.7 to 1 |
| 28 | `#166d84` | `oklch(49.83% 0.0844 220.26)` | Amalfi | white, 5.8 to 1 |
| 29 | `#196b85` | `oklch(49.24% 0.0844 224.07)` | Saxony Blue | white, 6 to 1 |
| 30 | `#1c6885` | `oklch(48.58% 0.0842 228.02)` | Sea Goddess | white, 6.2 to 1 |
| 31 | `#1f6584` | `oklch(47.87% 0.0840 232.01)` | Georgian Bay | white, 6.4 to 1 |
| 32 | `#236284` | `oklch(47.13% 0.0836 235.97)` | Copenhagen Blue | white, 6.6 to 1 |
| 33 | `#265f83` | `oklch(46.38% 0.0831 239.81)` | Suez Canal | white, 6.9 to 1 |
| 34 | `#285c81` | `oklch(45.66% 0.0827 243.43)` | Suez Canal | white, 7.1 to 1 |
| 35 | `#2b5980` | `oklch(44.98% 0.0822 246.74)` | Bahama Blue | white, 7.3 to 1 |
| 36 | `#2d567f` | `oklch(44.37% 0.0817 249.67)` | Breonne Blue | white, 7.6 to 1 |
| 37 | `#2e547e` | `oklch(43.86% 0.0813 252.11)` | Overtake | white, 7.8 to 1 |
| 38 | `#30537d` | `oklch(43.46% 0.0809 253.99)` | Bunting Blue | white, 7.9 to 1 |
| 39 | `#30527c` | `oklch(43.21% 0.0807 255.21)` | Slumber | white, 8 to 1 |
| 40 | `#31517c` | `oklch(43.12% 0.0806 255.69)` | Slumber | white, 8 to 1 |
| 41 | `#31527c` | `oklch(43.22% 0.0806 255.34)` | Slumber | white, 8 to 1 |
| 42 | `#30537d` | `oklch(43.54% 0.0809 254.06)` | Bunting Blue | white, 7.9 to 1 |
| 43 | `#2f557e` | `oklch(44.09% 0.0813 251.78)` | Overtake | white, 7.7 to 1 |
| 44 | `#2d5880` | `oklch(44.91% 0.0819 248.32)` | Bahama Blue | white, 7.4 to 1 |
| 45 | `#2a5c83` | `oklch(45.96% 0.0827 243.64)` | Oceanic Motion | white, 7 to 1 |
| 46 | `#256285` | `oklch(47.24% 0.0836 237.88)` | Copenhagen Blue | white, 6.6 to 1 |
| 47 | `#206887` | `oklch(48.70% 0.0845 231.15)` | Sea Goddess | white, 6.2 to 1 |
| 48 | `#1a6e88` | `oklch(50.34% 0.0856 223.58)` | Private Eye | white, 5.7 to 1 |
| 49 | `#157589` | `oklch(52.11% 0.0867 215.28)` | Glamour Green | white, 5.3 to 1 |
| 50 | `#147d88` | `oklch(54.01% 0.0879 206.38)` | Caribe | white, 4.8 to 1 |
| 51 | `#1a8486` | `oklch(56.00% 0.0892 197.00)` | Milky Aquamarine | black, 4.7 to 1 |
| 52 | `#268c84` | `oklch(58.06% 0.0905 187.27)` | Taos Turquoise | black, 5.1 to 1 |
| 53 | `#369380` | `oklch(60.16% 0.0918 177.30)` | Winter Green | black, 5.6 to 1 |
| 54 | `#47997b` | `oklch(62.28% 0.0931 167.21)` | Greenway | black, 6.1 to 1 |
| 55 | `#599f76` | `oklch(64.40% 0.0944 157.14)` | Advertising Green | black, 6.6 to 1 |
| 56 | `#6ba471` | `oklch(66.49% 0.0956 147.19)` | Aqua Forest | black, 7.1 to 1 |
| 57 | `#7da86c` | `oklch(68.52% 0.0969 137.49)` | Garden of Eden | black, 7.6 to 1 |
| 58 | `#8eac68` | `oklch(70.47% 0.0981 128.17)` | Celuce | black, 8.2 to 1 |
| 59 | `#9eaf66` | `oklch(72.32% 0.0992 119.35)` | Matcha Mecha | black, 8.7 to 1 |
| 60 | `#adb164` | `oklch(74.04% 0.1002 111.14)` | Palm | black, 9.2 to 1 |
| 61 | `#bbb364` | `oklch(75.61% 0.1012 103.68)` | Hi Def Lime | black, 9.7 to 1 |
| 62 | `#c6b566` | `oklch(76.99% 0.1020 97.07)` | Linden Green | black, 10.1 to 1 |
| 63 | `#d0b668` | `oklch(78.18% 0.1028 91.45)` | Trumpet | black, 10.5 to 1 |
| 64 | `#d8b76a` | `oklch(79.13% 0.1033 86.93)` | Golden Pagoda | black, 10.8 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #161f22 0.000% 1.563%, #172124 1.563% 3.125%, #182427 3.125% 4.688%, #19262b 4.688% 6.250%, #1a2a2e 6.250% 7.813%, #1b2e33 7.813% 9.375%, #1b3237 9.375% 10.938%, #1c363c 10.938% 12.500%, #1d3b41 12.500% 14.063%, #1e4046 14.063% 15.625%, #1e454b 15.625% 17.188%, #1e4a50 17.188% 18.750%, #1f4f56 18.750% 20.313%, #1f545b 20.313% 21.875%, #1e5960 21.875% 23.438%, #1e5d64 23.438% 25.000%, #1d6269 25.000% 26.563%, #1c666d 26.563% 28.125%, #1b6a71 28.125% 29.688%, #1a6d74 29.688% 31.250%, #186f78 31.250% 32.813%, #17717a 32.813% 34.375%, #16727d 34.375% 35.938%, #14737f 35.938% 37.500%, #137280 37.500% 39.063%, #137182 39.063% 40.625%, #147083 40.625% 42.188%, #166d84 42.188% 43.750%, #196b85 43.750% 45.313%, #1c6885 45.313% 46.875%, #1f6584 46.875% 48.438%, #236284 48.438% 50.000%, #265f83 50.000% 51.563%, #285c81 51.563% 53.125%, #2b5980 53.125% 54.688%, #2d567f 54.688% 56.250%, #2e547e 56.250% 57.813%, #30537d 57.813% 59.375%, #30527c 59.375% 60.938%, #31517c 60.938% 62.500%, #31527c 62.500% 64.063%, #30537d 64.063% 65.625%, #2f557e 65.625% 67.188%, #2d5880 67.188% 68.750%, #2a5c83 68.750% 70.313%, #256285 70.313% 71.875%, #206887 71.875% 73.438%, #1a6e88 73.438% 75.000%, #157589 75.000% 76.563%, #147d88 76.563% 78.125%, #1a8486 78.125% 79.688%, #268c84 79.688% 81.250%, #369380 81.250% 82.813%, #47997b 82.813% 84.375%, #599f76 84.375% 85.938%, #6ba471 85.938% 87.500%, #7da86c 87.500% 89.063%, #8eac68 89.063% 90.625%, #9eaf66 90.625% 92.188%, #adb164 92.188% 93.750%, #bbb364 93.750% 95.313%, #c6b566 95.313% 96.875%, #d0b668 96.875% 98.438%, #d8b76a 98.438% 100.000%);
background: conic-gradient(from 225deg, oklch(23.23% 0.0138 220.08) 0.000% 1.563%, oklch(23.97% 0.0156 219.63) 1.563% 3.125%, oklch(24.89% 0.0178 218.99) 3.125% 4.688%, oklch(25.98% 0.0203 218.20) 4.688% 6.250%, oklch(27.20% 0.0232 217.28) 6.250% 7.813%, oklch(28.54% 0.0264 216.25) 7.813% 9.375%, oklch(29.99% 0.0297 215.14) 9.375% 10.938%, oklch(31.51% 0.0333 213.97) 10.938% 12.500%, oklch(33.10% 0.0371 212.77) 12.500% 14.063%, oklch(34.73% 0.0409 211.56) 14.063% 15.625%, oklch(36.38% 0.0448 210.36) 15.625% 17.188%, oklch(38.03% 0.0487 209.20) 17.188% 18.750%, oklch(39.67% 0.0526 208.11) 18.750% 20.313%, oklch(41.27% 0.0565 207.11) 20.313% 21.875%, oklch(42.81% 0.0602 206.22) 21.875% 23.438%, oklch(44.28% 0.0638 205.47) 23.438% 25.000%, oklch(45.65% 0.0672 204.89) 25.000% 26.563%, oklch(46.91% 0.0704 204.49) 26.563% 28.125%, oklch(48.03% 0.0733 204.31) 28.125% 29.688%, oklch(49.00% 0.0759 204.36) 29.688% 31.250%, oklch(49.79% 0.0781 204.68) 31.250% 32.813%, oklch(50.39% 0.0799 205.28) 32.813% 34.375%, oklch(50.77% 0.0814 206.40) 34.375% 35.938%, oklch(50.93% 0.0825 208.19) 35.938% 37.500%, oklch(50.89% 0.0833 210.56) 37.500% 39.063%, oklch(50.68% 0.0839 213.42) 39.063% 40.625%, oklch(50.31% 0.0843 216.68) 40.625% 42.188%, oklch(49.83% 0.0844 220.26) 42.188% 43.750%, oklch(49.24% 0.0844 224.07) 43.750% 45.313%, oklch(48.58% 0.0842 228.02) 45.313% 46.875%, oklch(47.87% 0.0840 232.01) 46.875% 48.438%, oklch(47.13% 0.0836 235.97) 48.438% 50.000%, oklch(46.38% 0.0831 239.81) 50.000% 51.563%, oklch(45.66% 0.0827 243.43) 51.563% 53.125%, oklch(44.98% 0.0822 246.74) 53.125% 54.688%, oklch(44.37% 0.0817 249.67) 54.688% 56.250%, oklch(43.86% 0.0813 252.11) 56.250% 57.813%, oklch(43.46% 0.0809 253.99) 57.813% 59.375%, oklch(43.21% 0.0807 255.21) 59.375% 60.938%, oklch(43.12% 0.0806 255.69) 60.938% 62.500%, oklch(43.22% 0.0806 255.34) 62.500% 64.063%, oklch(43.54% 0.0809 254.06) 64.063% 65.625%, oklch(44.09% 0.0813 251.78) 65.625% 67.188%, oklch(44.91% 0.0819 248.32) 67.188% 68.750%, oklch(45.96% 0.0827 243.64) 68.750% 70.313%, oklch(47.24% 0.0836 237.88) 70.313% 71.875%, oklch(48.70% 0.0845 231.15) 71.875% 73.438%, oklch(50.34% 0.0856 223.58) 73.438% 75.000%, oklch(52.11% 0.0867 215.28) 75.000% 76.563%, oklch(54.01% 0.0879 206.38) 76.563% 78.125%, oklch(56.00% 0.0892 197.00) 78.125% 79.688%, oklch(58.06% 0.0905 187.27) 79.688% 81.250%, oklch(60.16% 0.0918 177.30) 81.250% 82.813%, oklch(62.28% 0.0931 167.21) 82.813% 84.375%, oklch(64.40% 0.0944 157.14) 84.375% 85.938%, oklch(66.49% 0.0956 147.19) 85.938% 87.500%, oklch(68.52% 0.0969 137.49) 87.500% 89.063%, oklch(70.47% 0.0981 128.17) 89.063% 90.625%, oklch(72.32% 0.0992 119.35) 90.625% 92.188%, oklch(74.04% 0.1002 111.14) 92.188% 93.750%, oklch(75.61% 0.1012 103.68) 93.750% 95.313%, oklch(76.99% 0.1020 97.07) 95.313% 96.875%, oklch(78.18% 0.1028 91.45) 96.875% 98.438%, oklch(79.13% 0.1033 86.93) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.014 | 220.1 |
| 2 | 0.504 | 0.08 | 205.3 |
| 3 | 0.441 | 0.081 | 251.8 |
| 4 | 0.791 | 0.103 | 86.9 |

## In these collections

- [Stained glass colors](https://grabient.com/stained-glass-colors)

## Other forms

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