Cyan champagne and copper jewel tones

Navy, teal, peach and brown color palette

Deep navy blue brightens through saturated blue and cyan before turning mint and pale yellow-green. Angular swatches, 64 colors at 70°: #041b2c, #066085, #40cad4, #f3d4a1, #b54d2d. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#041b2c
#041d2f
#051f33
#052237
#05253b
#062940
#062d46
#07314c
#073652
#073b58
#07405e
#074565
#074a6c
#074f72
#065579
#065b7f
#066085
#07668b
#0a6c91
#0d7298
#12799f
#1680a6
#1a87ad
#1f8eb4
#2295bb
#269cc1
#2aa3c7
#2dabcc
#30b1d0
#33b8d3
#36bfd5
#3ac4d5
#40cad4
#49cfd0
#56d4cc
#65d8c6
#76dcbf
#87dfb8
#98e1b2
#a9e2ac
#b9e2a7
#c7e1a4
#d3e0a2
#dddfa2
#e5dda2
#ecdaa2
#f0d7a2
#f3d4a1
#f4d09f
#f3ca9a
#f1c395
#efbb8d
#ebb285
#e6a87c
#e29e72
#dc9369
#d6885f
#d17e55
#cb744c
#c66a43
#c1613b
#bc5935
#b85330
#b54d2d

CSS

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%);

In these collections

Jewel tones