Blue and stone winter palette

Seamless navy, teal and gray color palette

The Blue and stone winter palette brings together dark blue, blue, teal, pale green, and purple. Angular gradient, 32 colors at 315°: #111d38, #28748c, #b7decc, #8883a6, #151d36. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#111d38
#152340
#1a2c4d
#20375b
#244369
#264e74
#265a7d
#256785
#28748c
#2e8194
#348e9f
#3b9dab
#44abb7
#54b9c0
#6fc6c4
#94d4c6
#b7decc
#cce4d6
#d0e3da
#c2d9d6
#aec8d1
#9eb1c7
#9499b8
#8883a6
#786d92
#65587f
#54466f
#443860
#352e53
#272748
#1c213d
#151d36

CSS

background: conic-gradient(from 315deg in oklch, oklch(23.62% 0.0537 264.37) 0.0%, oklch(26.10% 0.0578 263.02) 3.2%, oklch(29.64% 0.0637 261.27) 6.5%, oklch(33.71% 0.0701 258.71) 9.7%, oklch(37.76% 0.0755 254.88) 12.9%, oklch(41.42% 0.0787 249.17) 16.1%, oklch(44.97% 0.0803 241.02) 19.4%, oklch(48.56% 0.0810 231.78) 22.6%, oklch(52.23% 0.0816 222.95) 25.8%, oklch(56.07% 0.0830 216.00) 29.0%, oklch(60.18% 0.0868 211.63) 32.3%, oklch(64.46% 0.0917 208.69) 35.5%, oklch(68.75% 0.0950 205.80) 38.7%, oklch(72.88% 0.0939 201.56) 41.9%, oklch(77.17% 0.0848 193.26) 45.2%, oklch(82.19% 0.0677 179.49) 48.4%, oklch(86.79% 0.0480 166.12) 51.6%, oklch(89.75% 0.0315 159.30) 54.8%, oklch(89.83% 0.0237 165.33) 58.1%, oklch(86.75% 0.0247 188.09) 61.3%, oklch(81.52% 0.0308 220.60) 64.5%, oklch(75.22% 0.0389 253.86) 67.7%, oklch(68.94% 0.0461 278.90) 71.0%, oklch(62.77% 0.0517 291.71) 74.2%, oklch(55.87% 0.0582 297.99) 77.4%, oklch(48.88% 0.0641 299.79) 80.6%, oklch(42.49% 0.0681 299.03) 83.9%, oklch(37.27% 0.0686 297.04) 87.1%, oklch(32.77% 0.0651 291.04) 90.3%, oklch(28.94% 0.0593 282.56) 93.5%, oklch(25.86% 0.0535 274.20) 96.8%, oklch(23.62% 0.0496 268.60) 100.0%);

In these collections

Winter