Sage and stone navy and teal palette

The Sage and stone navy and teal palette brings together blue, teal, light teal, light gray, and off-white. #20344c, #4a6d7b, #7fa19f, #b1c7c0, #e4ece9.

32 colors, 6 editable OKLCH keyframes.

#20344c
#223850
#273f56
#2c465d
#324f64
#38576b
#3e5f71
#446676
#4a6d7b
#507380
#567a84
#5d8089
#64878d
#6a8d91
#719496
#789b9a
#7fa19f
#86a8a3
#8eaea7
#95b4ac
#9cb9b1
#a3beb6
#aac2bb
#b1c7c0
#b7cbc6
#bed0cb
#c5d5d0
#cddad6
#d4e0dc
#dae5e1
#e0e9e6
#e4ece9

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0510 253.83) 0.0%, oklch(33.52% 0.0508 251.65) 3.2%, oklch(35.78% 0.0505 248.69) 6.5%, oklch(38.45% 0.0502 245.16) 9.7%, oklch(41.32% 0.0497 241.29) 12.9%, oklch(44.16% 0.0492 237.30) 16.1%, oklch(46.77% 0.0484 233.43) 19.4%, oklch(49.07% 0.0474 229.74) 22.6%, oklch(51.29% 0.0461 225.99) 25.8%, oklch(53.44% 0.0446 222.17) 29.0%, oklch(55.57% 0.0431 218.25) 32.3%, oklch(57.67% 0.0417 214.22) 35.5%, oklch(59.78% 0.0404 210.08) 38.7%, oklch(61.91% 0.0394 205.69) 41.9%, oklch(64.08% 0.0389 200.70) 45.2%, oklch(66.25% 0.0385 195.43) 48.4%, oklch(68.39% 0.0381 190.24) 51.6%, oklch(70.47% 0.0376 185.52) 54.8%, oklch(72.48% 0.0366 181.63) 58.1%, oklch(74.36% 0.0352 178.94) 61.3%, oklch(76.13% 0.0331 177.47) 64.5%, oklch(77.80% 0.0306 176.88) 67.7%, oklch(79.42% 0.0279 176.84) 71.0%, oklch(81.00% 0.0251 177.00) 74.2%, oklch(82.58% 0.0225 177.01) 77.4%, oklch(84.19% 0.0202 176.54) 80.6%, oklch(85.94% 0.0181 175.72) 83.9%, oklch(87.78% 0.0160 174.75) 87.1%, oklch(89.60% 0.0140 173.75) 90.3%, oklch(91.27% 0.0122 172.79) 93.5%, oklch(92.68% 0.0108 171.98) 96.8%, oklch(93.70% 0.0096 171.40) 100.0%);

In these collections

Navy and teal gradients