Navy, gray and champagne golden hour palette

Complementary navy, gray and beige color palette

The Navy, gray and champagne golden hour palette brings together dark blue, blue, gray, light gray, light yellow, and pale orange. Radial gradient, 48 colors: #0b1c2d, #40627c, #919191, #c2b8a1, #ffe9bb. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#0b1c2d
#0d1f31
#0f2437
#11293f
#132f47
#153650
#183d59
#1b4462
#204b6a
#255270
#2c5875
#365d79
#40627c
#4b677e
#566b7f
#5f7080
#687480
#707980
#787d81
#7e8183
#838585
#888888
#8b8b8b
#8e8e8e
#919191
#949494
#979796
#9b9b98
#9f9e9a
#a4a19c
#a9a59e
#aea89f
#b3aca0
#b8b0a0
#bdb4a1
#c2b8a1
#c6bda2
#cbc1a2
#d0c5a3
#d6caa5
#dccea6
#e2d3a7
#e9d7a9
#f0dcaa
#f6e0ab
#fbe3ac
#ffe6b1
#ffe9bb

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.05% 0.0400 250.31) 0.0%, oklch(23.40% 0.0424 249.68) 2.1%, oklch(25.18% 0.0461 248.84) 4.3%, oklch(27.30% 0.0507 247.83) 6.4%, oklch(29.67% 0.0557 246.71) 8.5%, oklch(32.19% 0.0606 245.53) 10.6%, oklch(34.78% 0.0651 244.33) 12.8%, oklch(37.36% 0.0685 243.16) 14.9%, oklch(39.82% 0.0706 242.08) 17.0%, oklch(42.08% 0.0708 241.13) 19.1%, oklch(44.12% 0.0687 240.61) 21.3%, oklch(46.11% 0.0640 241.33) 23.4%, oklch(48.07% 0.0575 242.89) 25.5%, oklch(49.99% 0.0495 244.78) 27.7%, oklch(51.86% 0.0407 246.48) 29.8%, oklch(53.67% 0.0317 247.45) 31.9%, oklch(55.41% 0.0230 247.20) 34.0%, oklch(57.08% 0.0153 245.20) 36.2%, oklch(58.65% 0.0090 240.92) 38.3%, oklch(60.13% 0.0048 233.83) 40.4%, oklch(61.46% 0.0021 222.77) 42.6%, oklch(62.66% 0.0002 208.12) 44.7%, oklch(63.76% 0.0000 89.88) 46.8%, oklch(64.79% 0.0000 89.88) 48.9%, oklch(65.77% 0.0000 89.88) 51.1%, oklch(66.73% 0.0001 134.47) 53.2%, oklch(67.72% 0.0014 117.47) 55.3%, oklch(68.74% 0.0031 103.08) 57.4%, oklch(69.85% 0.0051 92.36) 59.6%, oklch(71.03% 0.0075 85.72) 61.7%, oklch(72.24% 0.0107 82.10) 63.8%, oklch(73.47% 0.0147 80.88) 66.0%, oklch(74.72% 0.0191 81.52) 68.1%, oklch(75.99% 0.0238 83.45) 70.2%, oklch(77.27% 0.0288 86.09) 72.3%, oklch(78.55% 0.0337 88.90) 74.5%, oklch(79.84% 0.0385 91.29) 76.6%, oklch(81.12% 0.0430 92.71) 78.7%, oklch(82.41% 0.0471 92.72) 80.9%, oklch(83.80% 0.0512 92.20) 83.0%, oklch(85.27% 0.0555 91.46) 85.1%, oklch(86.78% 0.0598 90.57) 87.2%, oklch(88.29% 0.0640 89.59) 89.4%, oklch(89.74% 0.0680 88.58) 91.5%, oklch(91.09% 0.0717 87.60) 93.6%, oklch(92.30% 0.0750 86.71) 95.7%, oklch(93.31% 0.0737 85.99) 97.9%, oklch(94.09% 0.0638 85.47) 100.0%);

In these collections

Golden hour gradients