Bubble Tea CSS Gradient — Copy the Code

Brown-sugar caramel swirling into creamy milk tea. Copy the Bubble Tea gradient as CSS, a custom property, or a Tailwind theme block, and check its text contrast.

Bubble Tea CSS

background: linear-gradient(115deg, rgba(185, 139, 107, 1) 0%, rgba(236, 217, 198, 1) 100%);

Color stops

  • #B98B6B at 0% (100% opacity)
  • #ECD9C6 at 100% (100% opacity)

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