Avocado Kitchen CSS Gradient — Copy the Code

Olive drab through avocado green into harvest gold, straight from a 70s kitchen. Copy the Avocado Kitchen gradient as CSS, a custom property, or a Tailwind theme block, and check its text contrast.

Avocado Kitchen CSS

background: linear-gradient(105deg, rgba(74, 93, 35, 1) 0%, rgba(164, 180, 101, 1) 55%, rgba(232, 209, 116, 1) 100%);

Color stops

  • #4A5D23 at 0% (100% opacity)
  • #A4B465 at 55% (100% opacity)
  • #E8D174 at 100% (100% opacity)

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