# Cyan champagne and copper jewel tones

Deep navy blue brightens through saturated blue and cyan before turning mint and pale yellow-green. Champagne and peach highlights lead into a copper-red finish. Sixty-four angular swatches give this cool-to-warm jewel palette fine color divisions, with a luminous pale passage separating the blue-green body from the earthy copper accent.

- Also called: Navy, teal, peach and brown angular swatches
- Seed: `kWNiGuOiI-uEqPHwGzERjQ7A`
- Page: https://grabient.com/kWNiGuOiI-uEqPHwGzERjQ7A?style=angularSwatches&steps=64&angle=70
- Drawn as: angular swatches, 64 steps, 70 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 12.7 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 | `#041b2c` | `oklch(21.26% 0.0455 244.69)` | Oxford by Night | white, 17.5 to 1 |
| 2 | `#041d2f` | `oklch(22.12% 0.0472 244.35)` | Cyanophobia | white, 17.2 to 1 |
| 3 | `#051f33` | `oklch(23.13% 0.0494 243.99)` | Cyanophobia | white, 16.7 to 1 |
| 4 | `#052237` | `oklch(24.29% 0.0520 243.61)` | Midnight Dreams | white, 16.2 to 1 |
| 5 | `#05253b` | `oklch(25.58% 0.0549 243.21)` | Celestial Canvas | white, 15.6 to 1 |
| 6 | `#062940` | `oklch(26.99% 0.0581 242.77)` | Murky Depths | white, 15 to 1 |
| 7 | `#062d46` | `oklch(28.49% 0.0615 242.29)` | Crow Black Blue | white, 14.2 to 1 |
| 8 | `#07314c` | `oklch(30.09% 0.0650 241.76)` | Halite Blue | white, 13.5 to 1 |
| 9 | `#073652` | `oklch(31.76% 0.0687 241.18)` | Sea of Stars | white, 12.7 to 1 |
| 10 | `#073b58` | `oklch(33.49% 0.0723 240.53)` | Gibraltar Sea | white, 11.8 to 1 |
| 11 | `#07405e` | `oklch(35.26% 0.0760 239.82)` | Neptune’s Wrath | white, 11 to 1 |
| 12 | `#074565` | `oklch(37.07% 0.0795 239.04)` | Lush Aqua | white, 10.2 to 1 |
| 13 | `#074a6c` | `oklch(38.90% 0.0830 238.18)` | Tanzanite Blue | white, 9.5 to 1 |
| 14 | `#074f72` | `oklch(40.73% 0.0862 237.23)` | Sail Maker | white, 8.8 to 1 |
| 15 | `#065579` | `oklch(42.55% 0.0892 236.19)` | Studer Blue | white, 8.1 to 1 |
| 16 | `#065b7f` | `oklch(44.34% 0.0919 235.05)` | Commandes | white, 7.5 to 1 |
| 17 | `#066085` | `oklch(46.11% 0.0943 233.81)` | Blue Velvet | white, 6.9 to 1 |
| 18 | `#07668b` | `oklch(47.95% 0.0965 232.69)` | Pulsating Blue | white, 6.4 to 1 |
| 19 | `#0a6c91` | `oklch(49.89% 0.0988 231.73)` | Pure Light Blue | white, 5.8 to 1 |
| 20 | `#0d7298` | `oklch(51.92% 0.1010 230.88)` | Tofino Belue | white, 5.4 to 1 |
| 21 | `#12799f` | `oklch(54.01% 0.1032 230.06)` | Mitchell Blue | white, 4.9 to 1 |
| 22 | `#1680a6` | `oklch(56.14% 0.1053 229.23)` | Advertising Blue | black, 4.6 to 1 |
| 23 | `#1a87ad` | `oklch(58.30% 0.1073 228.32)` | Lyrebird | black, 5 to 1 |
| 24 | `#1f8eb4` | `oklch(60.46% 0.1092 227.27)` | Hidden Springs | black, 5.5 to 1 |
| 25 | `#2295bb` | `oklch(62.62% 0.1109 226.03)` | Blue Danube | black, 6 to 1 |
| 26 | `#269cc1` | `oklch(64.73% 0.1125 224.54)` | Blue Horizon | black, 6.6 to 1 |
| 27 | `#2aa3c7` | `oklch(66.80% 0.1138 222.73)` | Celestine Spring | black, 7.1 to 1 |
| 28 | `#2dabcc` | `oklch(68.80% 0.1148 220.55)` | Ball Blue | black, 7.7 to 1 |
| 29 | `#30b1d0` | `oklch(70.70% 0.1156 217.94)` | Aquarius | black, 8.3 to 1 |
| 30 | `#33b8d3` | `oklch(72.50% 0.1161 214.83)` | Ocean Sigh | black, 8.9 to 1 |
| 31 | `#36bfd5` | `oklch(74.16% 0.1162 211.18)` | The Crowd Roars! | black, 9.5 to 1 |
| 32 | `#3ac4d5` | `oklch(75.68% 0.1160 206.91)` | The Crowd Roars! | black, 10 to 1 |
| 33 | `#40cad4` | `oklch(77.06% 0.1153 201.93)` | Sea Serpent | black, 10.6 to 1 |
| 34 | `#49cfd0` | `oklch(78.42% 0.1138 195.96)` | Medium Turquoise | black, 11.1 to 1 |
| 35 | `#56d4cc` | `oklch(79.79% 0.1116 189.08)` | Medium Turquoise | black, 11.6 to 1 |
| 36 | `#65d8c6` | `oklch(81.13% 0.1087 181.43)` | Turquoise Twist | black, 12.2 to 1 |
| 37 | `#76dcbf` | `oklch(82.44% 0.1053 173.15)` | Star Grass | black, 12.7 to 1 |
| 38 | `#87dfb8` | `oklch(83.68% 0.1016 164.37)` | Sprig of Mint | black, 13.2 to 1 |
| 39 | `#98e1b2` | `oklch(84.84% 0.0977 155.25)` | Dead 99 | black, 13.7 to 1 |
| 40 | `#a9e2ac` | `oklch(85.90% 0.0937 145.91)` | Celadon | black, 14.1 to 1 |
| 41 | `#b9e2a7` | `oklch(86.84% 0.0897 136.50)` | Madang | black, 14.4 to 1 |
| 42 | `#c7e1a4` | `oklch(87.64% 0.0859 127.14)` | Cactus Spike | black, 14.7 to 1 |
| 43 | `#d3e0a2` | `oklch(88.28% 0.0824 117.99)` | Lettuce Alone | black, 15 to 1 |
| 44 | `#dddfa2` | `oklch(88.73% 0.0793 109.19)` | Young Wheat | black, 15.1 to 1 |
| 45 | `#e5dda2` | `oklch(88.99% 0.0768 100.86)` | Green Charm | black, 15.1 to 1 |
| 46 | `#ecdaa2` | `oklch(89.02% 0.0751 93.15)` | Demeter | black, 15.1 to 1 |
| 47 | `#f0d7a2` | `oklch(88.82% 0.0742 86.19)` | Splash | black, 14.9 to 1 |
| 48 | `#f3d4a1` | `oklch(88.35% 0.0742 80.14)` | Antique Wicker Basket | black, 14.7 to 1 |
| 49 | `#f4d09f` | `oklch(87.55% 0.0754 74.94)` | Vespa Yellow | black, 14.3 to 1 |
| 50 | `#f3ca9a` | `oklch(86.30% 0.0776 70.26)` | Orange Blast | black, 13.7 to 1 |
| 51 | `#f1c395` | `oklch(84.67% 0.0807 66.03)` | Apricot Soufflé | black, 12.9 to 1 |
| 52 | `#efbb8d` | `oklch(82.70% 0.0847 62.23)` | Baba Ganoush | black, 12.1 to 1 |
| 53 | `#ebb285` | `oklch(80.47% 0.0893 58.82)` | Rusty Sand | black, 11.1 to 1 |
| 54 | `#e6a87c` | `oklch(78.02% 0.0944 55.77)` | Sun Bleached Ochre | black, 10.2 to 1 |
| 55 | `#e29e72` | `oklch(75.42% 0.0998 53.04)` | Roasted Seeds | black, 9.3 to 1 |
| 56 | `#dc9369` | `oklch(72.73% 0.1056 50.60)` | Summer’s End | black, 8.4 to 1 |
| 57 | `#d6885f` | `oklch(70.01% 0.1114 48.42)` | Bright Sienna | black, 7.5 to 1 |
| 58 | `#d17e55` | `oklch(67.32% 0.1171 46.46)` | Copper Harbor | black, 6.8 to 1 |
| 59 | `#cb744c` | `oklch(64.71% 0.1227 44.69)` | Sweet Carrot | black, 6.1 to 1 |
| 60 | `#c66a43` | `oklch(62.26% 0.1280 43.08)` | Aztec Copper | black, 5.5 to 1 |
| 61 | `#c1613b` | `oklch(60.01% 0.1329 41.60)` | Civara | black, 5 to 1 |
| 62 | `#bc5935` | `oklch(58.03% 0.1371 40.21)` | Beef Patties | black, 4.6 to 1 |
| 63 | `#b85330` | `oklch(56.38% 0.1406 38.87)` | Renga Brick | white, 4.8 to 1 |
| 64 | `#b54d2d` | `oklch(55.12% 0.1433 37.56)` | Cinnamon Sunset | white, 5.1 to 1 |

## CSS

```css
background: conic-gradient(from 70deg, #041b2c 0.000% 1.563%, #041d2f 1.563% 3.125%, #051f33 3.125% 4.688%, #052237 4.688% 6.250%, #05253b 6.250% 7.813%, #062940 7.813% 9.375%, #062d46 9.375% 10.938%, #07314c 10.938% 12.500%, #073652 12.500% 14.063%, #073b58 14.063% 15.625%, #07405e 15.625% 17.188%, #074565 17.188% 18.750%, #074a6c 18.750% 20.313%, #074f72 20.313% 21.875%, #065579 21.875% 23.438%, #065b7f 23.438% 25.000%, #066085 25.000% 26.563%, #07668b 26.563% 28.125%, #0a6c91 28.125% 29.688%, #0d7298 29.688% 31.250%, #12799f 31.250% 32.813%, #1680a6 32.813% 34.375%, #1a87ad 34.375% 35.938%, #1f8eb4 35.938% 37.500%, #2295bb 37.500% 39.063%, #269cc1 39.063% 40.625%, #2aa3c7 40.625% 42.188%, #2dabcc 42.188% 43.750%, #30b1d0 43.750% 45.313%, #33b8d3 45.313% 46.875%, #36bfd5 46.875% 48.438%, #3ac4d5 48.438% 50.000%, #40cad4 50.000% 51.563%, #49cfd0 51.563% 53.125%, #56d4cc 53.125% 54.688%, #65d8c6 54.688% 56.250%, #76dcbf 56.250% 57.813%, #87dfb8 57.813% 59.375%, #98e1b2 59.375% 60.938%, #a9e2ac 60.938% 62.500%, #b9e2a7 62.500% 64.063%, #c7e1a4 64.063% 65.625%, #d3e0a2 65.625% 67.188%, #dddfa2 67.188% 68.750%, #e5dda2 68.750% 70.313%, #ecdaa2 70.313% 71.875%, #f0d7a2 71.875% 73.438%, #f3d4a1 73.438% 75.000%, #f4d09f 75.000% 76.563%, #f3ca9a 76.563% 78.125%, #f1c395 78.125% 79.688%, #efbb8d 79.688% 81.250%, #ebb285 81.250% 82.813%, #e6a87c 82.813% 84.375%, #e29e72 84.375% 85.938%, #dc9369 85.938% 87.500%, #d6885f 87.500% 89.063%, #d17e55 89.063% 90.625%, #cb744c 90.625% 92.188%, #c66a43 92.188% 93.750%, #c1613b 93.750% 95.313%, #bc5935 95.313% 96.875%, #b85330 96.875% 98.438%, #b54d2d 98.438% 100.000%);
background: conic-gradient(from 70deg, oklch(21.26% 0.0455 244.69) 0.000% 1.563%, oklch(22.12% 0.0472 244.35) 1.563% 3.125%, oklch(23.13% 0.0494 243.99) 3.125% 4.688%, oklch(24.29% 0.0520 243.61) 4.688% 6.250%, oklch(25.58% 0.0549 243.21) 6.250% 7.813%, oklch(26.99% 0.0581 242.77) 7.813% 9.375%, oklch(28.49% 0.0615 242.29) 9.375% 10.938%, oklch(30.09% 0.0650 241.76) 10.938% 12.500%, oklch(31.76% 0.0687 241.18) 12.500% 14.063%, oklch(33.49% 0.0723 240.53) 14.063% 15.625%, oklch(35.26% 0.0760 239.82) 15.625% 17.188%, oklch(37.07% 0.0795 239.04) 17.188% 18.750%, oklch(38.90% 0.0830 238.18) 18.750% 20.313%, oklch(40.73% 0.0862 237.23) 20.313% 21.875%, oklch(42.55% 0.0892 236.19) 21.875% 23.438%, oklch(44.34% 0.0919 235.05) 23.438% 25.000%, oklch(46.11% 0.0943 233.81) 25.000% 26.563%, oklch(47.95% 0.0965 232.69) 26.563% 28.125%, oklch(49.89% 0.0988 231.73) 28.125% 29.688%, oklch(51.92% 0.1010 230.88) 29.688% 31.250%, oklch(54.01% 0.1032 230.06) 31.250% 32.813%, oklch(56.14% 0.1053 229.23) 32.813% 34.375%, oklch(58.30% 0.1073 228.32) 34.375% 35.938%, oklch(60.46% 0.1092 227.27) 35.938% 37.500%, oklch(62.62% 0.1109 226.03) 37.500% 39.063%, oklch(64.73% 0.1125 224.54) 39.063% 40.625%, oklch(66.80% 0.1138 222.73) 40.625% 42.188%, oklch(68.80% 0.1148 220.55) 42.188% 43.750%, oklch(70.70% 0.1156 217.94) 43.750% 45.313%, oklch(72.50% 0.1161 214.83) 45.313% 46.875%, oklch(74.16% 0.1162 211.18) 46.875% 48.438%, oklch(75.68% 0.1160 206.91) 48.438% 50.000%, oklch(77.06% 0.1153 201.93) 50.000% 51.563%, oklch(78.42% 0.1138 195.96) 51.563% 53.125%, oklch(79.79% 0.1116 189.08) 53.125% 54.688%, oklch(81.13% 0.1087 181.43) 54.688% 56.250%, oklch(82.44% 0.1053 173.15) 56.250% 57.813%, oklch(83.68% 0.1016 164.37) 57.813% 59.375%, oklch(84.84% 0.0977 155.25) 59.375% 60.938%, oklch(85.90% 0.0937 145.91) 60.938% 62.500%, oklch(86.84% 0.0897 136.50) 62.500% 64.063%, oklch(87.64% 0.0859 127.14) 64.063% 65.625%, oklch(88.28% 0.0824 117.99) 65.625% 67.188%, oklch(88.73% 0.0793 109.19) 67.188% 68.750%, oklch(88.99% 0.0768 100.86) 68.750% 70.313%, oklch(89.02% 0.0751 93.15) 70.313% 71.875%, oklch(88.82% 0.0742 86.19) 71.875% 73.438%, oklch(88.35% 0.0742 80.14) 73.438% 75.000%, oklch(87.55% 0.0754 74.94) 75.000% 76.563%, oklch(86.30% 0.0776 70.26) 76.563% 78.125%, oklch(84.67% 0.0807 66.03) 78.125% 79.688%, oklch(82.70% 0.0847 62.23) 79.688% 81.250%, oklch(80.47% 0.0893 58.82) 81.250% 82.813%, oklch(78.02% 0.0944 55.77) 82.813% 84.375%, oklch(75.42% 0.0998 53.04) 84.375% 85.938%, oklch(72.73% 0.1056 50.60) 85.938% 87.500%, oklch(70.01% 0.1114 48.42) 87.500% 89.063%, oklch(67.32% 0.1171 46.46) 89.063% 90.625%, oklch(64.71% 0.1227 44.69) 90.625% 92.188%, oklch(62.26% 0.1280 43.08) 92.188% 93.750%, oklch(60.01% 0.1329 41.60) 93.750% 95.313%, oklch(58.03% 0.1371 40.21) 95.313% 96.875%, oklch(56.38% 0.1406 38.87) 96.875% 98.438%, oklch(55.12% 0.1433 37.56) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.045 | 244.7 |
| 2 | 0.457 | 0.094 | 234.1 |
| 3 | 0.764 | 0.116 | 204.5 |
| 4 | 0.882 | 0.074 | 78.8 |
| 5 | 0.551 | 0.143 | 37.6 |

## In these collections

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

## Other forms

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