Blue and ochre navy and gold palette

Complementary blue, gray and tan color palette

The Blue and ochre navy and gold palette brings together blue, dark blue, orange, and gold. Angular gradient, 32 colors at 315°: #4f688b, #243b63, #171d32, #8a6844, #dcb656. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#4f688b
#4b6487
#465f82
#3f587c
#385276
#324c70
#2d466b
#284167
#243b63
#20365e
#1c3159
#182c52
#102748
#09223d
#071e35
#0c1c31
#171d32
#282336
#392c39
#4a393e
#584744
#665349
#775e49
#8a6844
#9d733a
#ad7d2f
#b98828
#c2942b
#ca9e36
#d2a843
#d8b04f
#dcb656

CSS

background: conic-gradient(from 315deg in oklch, oklch(51.18% 0.0634 257.34) 0.0%, oklch(49.84% 0.0641 257.26) 3.2%, oklch(47.94% 0.0651 257.10) 6.5%, oklch(45.73% 0.0662 256.97) 9.7%, oklch(43.43% 0.0675 256.99) 12.9%, oklch(41.27% 0.0687 257.26) 16.1%, oklch(39.32% 0.0704 257.97) 19.4%, oklch(37.36% 0.0728 259.09) 22.6%, oklch(35.42% 0.0752 260.38) 25.8%, oklch(33.52% 0.0767 261.58) 29.0%, oklch(31.69% 0.0764 262.46) 32.3%, oklch(29.74% 0.0735 261.77) 35.5%, oklch(27.26% 0.0679 257.73) 38.7%, oklch(24.81% 0.0608 253.27) 41.9%, oklch(23.00% 0.0533 251.64) 45.2%, oklch(22.45% 0.0467 256.07) 48.4%, oklch(23.75% 0.0414 270.09) 51.6%, oklch(26.96% 0.0349 295.41) 54.8%, oklch(31.43% 0.0285 327.28) 58.1%, oklch(36.51% 0.0242 0.29) 61.3%, oklch(41.52% 0.0242 29.04) 64.5%, oklch(45.87% 0.0307 48.53) 67.7%, oklch(50.10% 0.0462 60.63) 71.0%, oklch(54.36% 0.0676 68.11) 74.2%, oklch(58.51% 0.0904 72.68) 77.4%, oklch(62.40% 0.1102 76.02) 80.6%, oklch(65.91% 0.1227 79.80) 83.9%, oklch(69.22% 0.1278 83.04) 87.1%, oklch(72.34% 0.1284 85.02) 90.3%, oklch(75.13% 0.1264 86.16) 93.5%, oklch(77.44% 0.1239 86.87) 96.8%, oklch(79.13% 0.1226 87.56) 100.0%);

In these collections

Navy and gold