# Sapphire gold and bronze facets

Deep sapphire and blue-green shades move through vivid blue, violet, magenta and coral into warm gold, then descend through bronze to near-black brown. These eighty angular swatches balance a saturated cool passage against a broad metallic shadow. Gold forms an internal highlight rather than the final color, giving the jewel-toned palette a dark, grounded finish.

- Also called: Navy, orange, brown and black angular swatches
- Seed: `kWOki9tUY_94y1K1Hb2Fwa_g`
- Page: https://grabient.com/kWOki9tUY_94y1K1Hb2Fwa_g?style=angularSwatches&steps=80&angle=235
- Drawn as: angular swatches, 80 steps, 235 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#08154a` | `oklch(22.83% 0.0992 266.48)` | Deadly Depths | white, 17.2 to 1 |
| 2 | `#08164d` | `oklch(23.34% 0.1020 266.27)` | Shadowdancer | white, 17 to 1 |
| 3 | `#071750` | `oklch(23.91% 0.1055 265.68)` | Shadowdancer | white, 16.7 to 1 |
| 4 | `#061954` | `oklch(24.54% 0.1098 264.77)` | Shadowdancer | white, 16.5 to 1 |
| 5 | `#041a58` | `oklch(25.23% 0.1146 263.62)` | Clarinet | white, 16.2 to 1 |
| 6 | `#011c5c` | `oklch(25.96% 0.1198 262.29)` | Clarinet | white, 15.8 to 1 |
| 7 | `#001f5d` | `oklch(26.77% 0.1155 260.98)` | Clarinet | white, 15.4 to 1 |
| 8 | `#00235c` | `oklch(27.61% 0.1097 259.49)` | Black Sea Night | white, 15 to 1 |
| 9 | `#00275d` | `oklch(28.49% 0.1057 258.04)` | Black Sea Night | white, 14.5 to 1 |
| 10 | `#002a5e` | `oklch(29.42% 0.1031 256.68)` | Blue Leviathan | white, 14 to 1 |
| 11 | `#002d60` | `oklch(30.40% 0.1018 255.48)` | Marine | white, 13.5 to 1 |
| 12 | `#003063` | `oklch(31.42% 0.1018 254.52)` | Cool Black | white, 13 to 1 |
| 13 | `#003367` | `oklch(32.47% 0.1029 253.86)` | Neptune’s Dream | white, 12.5 to 1 |
| 14 | `#00366b` | `oklch(33.56% 0.1054 253.57)` | Marine Blue | white, 12 to 1 |
| 15 | `#003970` | `oklch(34.69% 0.1094 253.72)` | Tardis Blue | white, 11.5 to 1 |
| 16 | `#003c77` | `oklch(35.85% 0.1156 254.38)` | Azure Dragon | white, 11 to 1 |
| 17 | `#003e7f` | `oklch(37.04% 0.1247 255.61)` | Bracing Blue | white, 10.5 to 1 |
| 18 | `#003f8b` | `oklch(38.26% 0.1385 257.48)` | Mystery Oceans | white, 10 to 1 |
| 19 | `#003e9b` | `oklch(39.50% 0.1617 260.07)` | Amalfitan Azure | white, 9.7 to 1 |
| 20 | `#0a3aaf` | `oklch(40.77% 0.1919 263.40)` | Royal Azure | white, 9.4 to 1 |
| 21 | `#223ab4` | `oklch(42.06% 0.1931 267.64)` | Persian Blue | white, 8.9 to 1 |
| 22 | `#353bb9` | `oklch(43.52% 0.1936 273.08)` | Blue Cardinal Flower | white, 8.5 to 1 |
| 23 | `#483bbc` | `oklch(45.18% 0.1934 279.75)` | Royal Nightcore | white, 7.9 to 1 |
| 24 | `#5b3cbe` | `oklch(47.01% 0.1926 287.49)` | Royal Nightcore | white, 7.4 to 1 |
| 25 | `#6e3cbd` | `oklch(48.97% 0.1912 296.16)` | Purple Rain | white, 6.8 to 1 |
| 26 | `#813dba` | `oklch(51.03% 0.1893 305.62)` | Harley Hair Purple | white, 6.3 to 1 |
| 27 | `#943fb4` | `oklch(53.17% 0.1869 315.72)` | Akebi Purple | white, 5.7 to 1 |
| 28 | `#a741aa` | `oklch(55.35% 0.1842 326.32)` | Aged Purple | white, 5.2 to 1 |
| 29 | `#b8449f` | `oklch(57.55% 0.1811 337.27)` | Ultraviolet Nusp | white, 4.8 to 1 |
| 30 | `#c74891` | `oklch(59.73% 0.1777 348.43)` | Mulberry Yoghurt | black, 4.7 to 1 |
| 31 | `#d44f82` | `oklch(61.87% 0.1741 359.66)` | Pink Flambé | black, 5.2 to 1 |
| 32 | `#de5772` | `oklch(63.92% 0.1704 10.80)` | Fever Dream | black, 5.7 to 1 |
| 33 | `#e66063` | `oklch(65.87% 0.1665 21.72)` | Lovely Little Rosy | black, 6.2 to 1 |
| 34 | `#ea6b53` | `oklch(67.69% 0.1625 32.28)` | Entan Red | black, 6.7 to 1 |
| 35 | `#eb7645` | `oklch(69.33% 0.1586 42.32)` | Debrito | black, 7.2 to 1 |
| 36 | `#ea8138` | `oklch(70.78% 0.1547 51.70)` | Snappy Happy | black, 7.7 to 1 |
| 37 | `#e88b2f` | `oklch(71.99% 0.1508 60.28)` | Goblin Eyes | black, 8.1 to 1 |
| 38 | `#e39329` | `oklch(72.95% 0.1472 67.91)` | Sanskrit | black, 8.5 to 1 |
| 39 | `#de9a29` | `oklch(73.62% 0.1438 74.45)` | Tiger King | black, 8.7 to 1 |
| 40 | `#d99f2b` | `oklch(73.97% 0.1406 79.76)` | Glitzy Gold | black, 8.9 to 1 |
| 41 | `#d4a22e` | `oklch(73.97% 0.1378 83.74)` | Mustard Musketeers | black, 9 to 1 |
| 42 | `#cfa331` | `oklch(73.63% 0.1349 86.67)` | Pitmaston Pear Yellow | black, 8.9 to 1 |
| 43 | `#c9a233` | `oklch(72.99% 0.1321 88.68)` | Satin Sheen Gold | black, 8.7 to 1 |
| 44 | `#c4a034` | `oklch(72.06% 0.1292 89.86)` | Mustard Seed | black, 8.4 to 1 |
| 45 | `#bf9d33` | `oklch(70.87% 0.1264 90.27)` | Tiki Torch | black, 8 to 1 |
| 46 | `#ba9932` | `oklch(69.46% 0.1235 90.01)` | Gold Taffeta | black, 7.6 to 1 |
| 47 | `#b69330` | `oklch(67.86% 0.1206 89.16)` | Balsam Pear | black, 7.2 to 1 |
| 48 | `#b18d2e` | `oklch(66.09% 0.1177 87.80)` | Mineral Umber | black, 6.7 to 1 |
| 49 | `#ac872b` | `oklch(64.17% 0.1148 86.02)` | Rich Gold | black, 6.2 to 1 |
| 50 | `#a68028` | `oklch(62.15% 0.1119 83.90)` | Burnt Honey | black, 5.7 to 1 |
| 51 | `#a17926` | `oklch(60.04% 0.1090 81.51)` | Nataneyu Gold | black, 5.2 to 1 |
| 52 | `#9b7223` | `oklch(57.88% 0.1061 78.95)` | Mode Beige | black, 4.8 to 1 |
| 53 | `#966a21` | `oklch(55.70% 0.1031 76.29)` | Mandolin | white, 4.7 to 1 |
| 54 | `#90631e` | `oklch(53.52% 0.1002 73.62)` | Tapenade | white, 5.2 to 1 |
| 55 | `#8a5c1d` | `oklch(51.37% 0.0972 71.02)` | Grizzly | white, 5.7 to 1 |
| 56 | `#84561b` | `oklch(49.28% 0.0942 68.58)` | Caffeinated Cinnamon | white, 6.3 to 1 |
| 57 | `#7e501a` | `oklch(47.28% 0.0912 66.37)` | Medium Brown | white, 6.8 to 1 |
| 58 | `#784b19` | `oklch(45.39% 0.0882 64.48)` | Hairy Brown | white, 7.4 to 1 |
| 59 | `#724617` | `oklch(43.66% 0.0851 62.99)` | Vintage Wood | white, 8 to 1 |
| 60 | `#6d4217` | `oklch(42.09% 0.0821 61.99)` | Sepia | white, 8.6 to 1 |
| 61 | `#683e16` | `oklch(40.67% 0.0789 61.41)` | Pullman Brown | white, 9.1 to 1 |
| 62 | `#623b15` | `oklch(39.24% 0.0757 60.91)` | Cassiterite Brown | white, 9.7 to 1 |
| 63 | `#5d3815` | `oklch(37.80% 0.0722 60.49)` | Chocolate Fantasies | white, 10.3 to 1 |
| 64 | `#583414` | `oklch(36.36% 0.0687 60.13)` | Moelleux au Chocolat | white, 10.9 to 1 |
| 65 | `#533113` | `oklch(34.93% 0.0650 59.82)` | Dark Catacombs | white, 11.5 to 1 |
| 66 | `#4e2e13` | `oklch(33.51% 0.0613 59.57)` | Bavarian Sweet Mustard | white, 12.1 to 1 |
| 67 | `#482b12` | `oklch(32.11% 0.0576 59.37)` | Brown Study | white, 12.8 to 1 |
| 68 | `#432811` | `oklch(30.73% 0.0539 59.21)` | Night Brown | white, 13.4 to 1 |
| 69 | `#3f2611` | `oklch(29.38% 0.0501 59.09)` | Duqqa Brown | white, 14 to 1 |
| 70 | `#3a2310` | `oklch(28.07% 0.0464 59.00)` | Wetlands Swamp | white, 14.7 to 1 |
| 71 | `#35200f` | `oklch(26.79% 0.0428 58.93)` | Black Slug | white, 15.3 to 1 |
| 72 | `#311e0f` | `oklch(25.56% 0.0393 58.89)` | Coffee Grounds | white, 15.8 to 1 |
| 73 | `#2d1c0e` | `oklch(24.39% 0.0359 58.86)` | Brunneophobia | white, 16.3 to 1 |
| 74 | `#291a0d` | `oklch(23.27% 0.0327 58.84)` | Brunneophobia | white, 16.8 to 1 |
| 75 | `#25180d` | `oklch(22.22% 0.0296 58.83)` | Cannon Black | white, 17.3 to 1 |
| 76 | `#22160c` | `oklch(21.23% 0.0268 58.82)` | Used Oil | white, 17.6 to 1 |
| 77 | `#1f140b` | `oklch(20.32% 0.0241 58.80)` | Soulless | white, 18 to 1 |
| 78 | `#1c130b` | `oklch(19.50% 0.0218 58.77)` | Crowshead | white, 18.3 to 1 |
| 79 | `#1a110a` | `oklch(18.76% 0.0197 58.72)` | Crowshead | white, 18.5 to 1 |
| 80 | `#18100a` | `oklch(18.11% 0.0179 58.66)` | Black Raspberry | white, 18.8 to 1 |

## CSS

```css
background: conic-gradient(from 235deg, #08154a 0.000% 1.250%, #08164d 1.250% 2.500%, #071750 2.500% 3.750%, #061954 3.750% 5.000%, #041a58 5.000% 6.250%, #011c5c 6.250% 7.500%, #001f5d 7.500% 8.750%, #00235c 8.750% 10.000%, #00275d 10.000% 11.250%, #002a5e 11.250% 12.500%, #002d60 12.500% 13.750%, #003063 13.750% 15.000%, #003367 15.000% 16.250%, #00366b 16.250% 17.500%, #003970 17.500% 18.750%, #003c77 18.750% 20.000%, #003e7f 20.000% 21.250%, #003f8b 21.250% 22.500%, #003e9b 22.500% 23.750%, #0a3aaf 23.750% 25.000%, #223ab4 25.000% 26.250%, #353bb9 26.250% 27.500%, #483bbc 27.500% 28.750%, #5b3cbe 28.750% 30.000%, #6e3cbd 30.000% 31.250%, #813dba 31.250% 32.500%, #943fb4 32.500% 33.750%, #a741aa 33.750% 35.000%, #b8449f 35.000% 36.250%, #c74891 36.250% 37.500%, #d44f82 37.500% 38.750%, #de5772 38.750% 40.000%, #e66063 40.000% 41.250%, #ea6b53 41.250% 42.500%, #eb7645 42.500% 43.750%, #ea8138 43.750% 45.000%, #e88b2f 45.000% 46.250%, #e39329 46.250% 47.500%, #de9a29 47.500% 48.750%, #d99f2b 48.750% 50.000%, #d4a22e 50.000% 51.250%, #cfa331 51.250% 52.500%, #c9a233 52.500% 53.750%, #c4a034 53.750% 55.000%, #bf9d33 55.000% 56.250%, #ba9932 56.250% 57.500%, #b69330 57.500% 58.750%, #b18d2e 58.750% 60.000%, #ac872b 60.000% 61.250%, #a68028 61.250% 62.500%, #a17926 62.500% 63.750%, #9b7223 63.750% 65.000%, #966a21 65.000% 66.250%, #90631e 66.250% 67.500%, #8a5c1d 67.500% 68.750%, #84561b 68.750% 70.000%, #7e501a 70.000% 71.250%, #784b19 71.250% 72.500%, #724617 72.500% 73.750%, #6d4217 73.750% 75.000%, #683e16 75.000% 76.250%, #623b15 76.250% 77.500%, #5d3815 77.500% 78.750%, #583414 78.750% 80.000%, #533113 80.000% 81.250%, #4e2e13 81.250% 82.500%, #482b12 82.500% 83.750%, #432811 83.750% 85.000%, #3f2611 85.000% 86.250%, #3a2310 86.250% 87.500%, #35200f 87.500% 88.750%, #311e0f 88.750% 90.000%, #2d1c0e 90.000% 91.250%, #291a0d 91.250% 92.500%, #25180d 92.500% 93.750%, #22160c 93.750% 95.000%, #1f140b 95.000% 96.250%, #1c130b 96.250% 97.500%, #1a110a 97.500% 98.750%, #18100a 98.750% 100.000%);
background: conic-gradient(from 235deg, oklch(22.83% 0.0992 266.48) 0.000% 1.250%, oklch(23.34% 0.1020 266.27) 1.250% 2.500%, oklch(23.91% 0.1055 265.68) 2.500% 3.750%, oklch(24.54% 0.1098 264.77) 3.750% 5.000%, oklch(25.23% 0.1146 263.62) 5.000% 6.250%, oklch(25.96% 0.1198 262.29) 6.250% 7.500%, oklch(26.77% 0.1155 260.98) 7.500% 8.750%, oklch(27.61% 0.1097 259.49) 8.750% 10.000%, oklch(28.49% 0.1057 258.04) 10.000% 11.250%, oklch(29.42% 0.1031 256.68) 11.250% 12.500%, oklch(30.40% 0.1018 255.48) 12.500% 13.750%, oklch(31.42% 0.1018 254.52) 13.750% 15.000%, oklch(32.47% 0.1029 253.86) 15.000% 16.250%, oklch(33.56% 0.1054 253.57) 16.250% 17.500%, oklch(34.69% 0.1094 253.72) 17.500% 18.750%, oklch(35.85% 0.1156 254.38) 18.750% 20.000%, oklch(37.04% 0.1247 255.61) 20.000% 21.250%, oklch(38.26% 0.1385 257.48) 21.250% 22.500%, oklch(39.50% 0.1617 260.07) 22.500% 23.750%, oklch(40.77% 0.1919 263.40) 23.750% 25.000%, oklch(42.06% 0.1931 267.64) 25.000% 26.250%, oklch(43.52% 0.1936 273.08) 26.250% 27.500%, oklch(45.18% 0.1934 279.75) 27.500% 28.750%, oklch(47.01% 0.1926 287.49) 28.750% 30.000%, oklch(48.97% 0.1912 296.16) 30.000% 31.250%, oklch(51.03% 0.1893 305.62) 31.250% 32.500%, oklch(53.17% 0.1869 315.72) 32.500% 33.750%, oklch(55.35% 0.1842 326.32) 33.750% 35.000%, oklch(57.55% 0.1811 337.27) 35.000% 36.250%, oklch(59.73% 0.1777 348.43) 36.250% 37.500%, oklch(61.87% 0.1741 359.66) 37.500% 38.750%, oklch(63.92% 0.1704 10.80) 38.750% 40.000%, oklch(65.87% 0.1665 21.72) 40.000% 41.250%, oklch(67.69% 0.1625 32.28) 41.250% 42.500%, oklch(69.33% 0.1586 42.32) 42.500% 43.750%, oklch(70.78% 0.1547 51.70) 43.750% 45.000%, oklch(71.99% 0.1508 60.28) 45.000% 46.250%, oklch(72.95% 0.1472 67.91) 46.250% 47.500%, oklch(73.62% 0.1438 74.45) 47.500% 48.750%, oklch(73.97% 0.1406 79.76) 48.750% 50.000%, oklch(73.97% 0.1378 83.74) 50.000% 51.250%, oklch(73.63% 0.1349 86.67) 51.250% 52.500%, oklch(72.99% 0.1321 88.68) 52.500% 53.750%, oklch(72.06% 0.1292 89.86) 53.750% 55.000%, oklch(70.87% 0.1264 90.27) 55.000% 56.250%, oklch(69.46% 0.1235 90.01) 56.250% 57.500%, oklch(67.86% 0.1206 89.16) 57.500% 58.750%, oklch(66.09% 0.1177 87.80) 58.750% 60.000%, oklch(64.17% 0.1148 86.02) 60.000% 61.250%, oklch(62.15% 0.1119 83.90) 61.250% 62.500%, oklch(60.04% 0.1090 81.51) 62.500% 63.750%, oklch(57.88% 0.1061 78.95) 63.750% 65.000%, oklch(55.70% 0.1031 76.29) 65.000% 66.250%, oklch(53.52% 0.1002 73.62) 66.250% 67.500%, oklch(51.37% 0.0972 71.02) 67.500% 68.750%, oklch(49.28% 0.0942 68.58) 68.750% 70.000%, oklch(47.28% 0.0912 66.37) 70.000% 71.250%, oklch(45.39% 0.0882 64.48) 71.250% 72.500%, oklch(43.66% 0.0851 62.99) 72.500% 73.750%, oklch(42.09% 0.0821 61.99) 73.750% 75.000%, oklch(40.67% 0.0789 61.41) 75.000% 76.250%, oklch(39.24% 0.0757 60.91) 76.250% 77.500%, oklch(37.80% 0.0722 60.49) 77.500% 78.750%, oklch(36.36% 0.0687 60.13) 78.750% 80.000%, oklch(34.93% 0.0650 59.82) 80.000% 81.250%, oklch(33.51% 0.0613 59.57) 81.250% 82.500%, oklch(32.11% 0.0576 59.37) 82.500% 83.750%, oklch(30.73% 0.0539 59.21) 83.750% 85.000%, oklch(29.38% 0.0501 59.09) 85.000% 86.250%, oklch(28.07% 0.0464 59.00) 86.250% 87.500%, oklch(26.79% 0.0428 58.93) 87.500% 88.750%, oklch(25.56% 0.0393 58.89) 88.750% 90.000%, oklch(24.39% 0.0359 58.86) 90.000% 91.250%, oklch(23.27% 0.0327 58.84) 91.250% 92.500%, oklch(22.22% 0.0296 58.83) 92.500% 93.750%, oklch(21.23% 0.0268 58.82) 93.750% 95.000%, oklch(20.32% 0.0241 58.80) 95.000% 96.250%, oklch(19.50% 0.0218 58.77) 96.250% 97.500%, oklch(18.76% 0.0197 58.72) 97.500% 98.750%, oklch(18.11% 0.0179 58.66) 98.750% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.099 | 266.5 |
| 2 | 0.417 | 0.193 | 266.5 |
| 3 | 0.74 | 0.139 | 441.9 |
| 4 | 0.417 | 0.081 | 421.8 |
| 5 | 0.181 | 0.018 | 418.7 |

## In these collections

- [Jewel tones](https://grabient.com/jewel-tones)

## Other forms

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