Canyon Dusk CSS Gradient — Copy the Code

Shadowed purple canyon walls opening onto golden late light. Copy the Canyon Dusk gradient as CSS, a custom property, or a Tailwind theme block, and check its text contrast.

Canyon Dusk CSS

background: linear-gradient(120deg in oklch, rgba(84, 74, 125, 1) 0%, rgba(255, 212, 82, 1) 100%);

Color stops

  • #544A7D at 0% (100% opacity)
  • #FFD452 at 100% (100% opacity)

Edit this gradient · Browse all gradients · Check text over gradients