3
Back

Gradient #53

glow-pastel-limewash

radial-glow-pastel-limewash

Copy styles

Tailwind
bg-[radial-gradient(46%_58%_at_16%_14%,color-mix(in_oklch,oklch(92%_0.11_105)_86%,transparent)_0%,transparent_100%),radial-gradient(52%_64%_at_84%_14%,color-mix(in_oklch,oklch(88%_0.08_165)_70%,transparent)_0%,transparent_100%),radial-gradient(78%_96%_at_50%_88%,color-mix(in_oklch,oklch(83%_0.12_135)_66%,transparent)_0%,transparent_100%),linear-gradient(148deg,oklch(97%_0.016_98)_0%,color-mix(in_oklch,oklch(92%_0.11_110)_56%,white)_36%,color-mix(in_oklch,oklch(88%_0.09_160)_66%,white)_70%,oklch(94%_0.04_200)_100%)] border border-solid border-[color-mix(in_oklch,oklch(75%_0.11_125)_20%,white)] shadow-[0_16px_34px_-22px_color-mix(in_oklch,oklch(77%_0.1_135)_28%,transparent)]
CSS3
.radial-glow-pastel-limewash {

  background-image:
    radial-gradient(46% 58% at 16% 14%, color-mix(in oklch, oklch(92% 0.11 105) 86%, transparent) 0%, transparent 100%),
    radial-gradient(52% 64% at 84% 14%, color-mix(in oklch, oklch(88% 0.08 165) 70%, transparent) 0%, transparent 100%),
    radial-gradient(78% 96% at 50% 88%, color-mix(in oklch, oklch(83% 0.12 135) 66%, transparent) 0%, transparent 100%),
    linear-gradient(148deg,
      oklch(97% 0.016 98) 0%,
      color-mix(in oklch, oklch(92% 0.11 110) 56%, white) 36%,
      color-mix(in oklch, oklch(88% 0.09 160) 66%, white) 70%,
      oklch(94% 0.04 200) 100%);
  border: 1px solid color-mix(in oklch, oklch(75% 0.11 125) 20%, white);
  box-shadow: 0 16px 34px -22px color-mix(in oklch, oklch(77% 0.1 135) 28%, transparent);
}