Amber Dusk Tidepool Glow

Beige, orange, purple and navy color palette

This radial gradient moves outward from warm ivory through amber, burnt orange, burgundy, violet, and deep navy. Radial gradient, 32 colors: #fcead0, #deac6a, #b95225, #572d64, #001b26. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#fcead0
#f9e5c8
#f6dfbf
#f3d8b3
#efd1a7
#ebc899
#e7bf8a
#e3b67a
#deac6a
#daa15a
#d5964a
#d18b3a
#cd7f2b
#c8731f
#c46819
#bf5c1c
#b95225
#b24732
#a83e3f
#9b374b
#8c3256
#7b2f5e
#692e62
#572d64
#452c61
#342a5b
#252952
#182748
#0d243e
#052134
#021e2c
#001b26

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(94.49% 0.0400 78.05) 0.0%, oklch(93.14% 0.0442 77.14) 3.2%, oklch(91.52% 0.0500 76.47) 6.5%, oklch(89.65% 0.0570 75.96) 9.7%, oklch(87.56% 0.0650 75.50) 12.9%, oklch(85.28% 0.0738 75.01) 16.1%, oklch(82.84% 0.0831 74.40) 19.4%, oklch(80.27% 0.0925 73.57) 22.6%, oklch(77.60% 0.1020 72.45) 25.8%, oklch(74.86% 0.1112 70.93) 29.0%, oklch(72.09% 0.1198 68.93) 32.3%, oklch(69.30% 0.1276 66.36) 35.5%, oklch(66.54% 0.1344 63.13) 38.7%, oklch(63.83% 0.1398 59.14) 41.9%, oklch(61.20% 0.1437 54.31) 45.2%, oklch(58.69% 0.1458 48.55) 48.4%, oklch(56.27% 0.1458 41.66) 51.6%, oklch(53.77% 0.1437 33.07) 54.8%, oklch(51.15% 0.1398 22.93) 58.1%, oklch(48.46% 0.1344 11.49) 61.3%, oklch(45.73% 0.1276 359.02) 64.5%, oklch(42.97% 0.1198 345.77) 67.7%, oklch(40.23% 0.1112 332.01) 71.0%, oklch(37.53% 0.1020 317.99) 74.2%, oklch(34.89% 0.0925 303.97) 77.4%, oklch(32.36% 0.0831 290.22) 80.6%, oklch(29.95% 0.0738 276.98) 83.9%, oklch(27.70% 0.0650 264.54) 87.1%, oklch(25.64% 0.0570 253.13) 90.3%, oklch(23.80% 0.0500 243.02) 93.5%, oklch(22.19% 0.0442 234.48) 96.8%, oklch(20.87% 0.0400 227.75) 100.0%);

In these collections

Coastal gradients