Hey everyone! I'm trying to replicate a beautiful green color palette I found on a site (check it out [here](https://www.seanhalpin.xyz/)). I'm not having much luck with the code. Are there any AIs that could help me nail this down? I tried using Claude and Gemini, but they weren't very effective.
4 Answers
Have you tried checking out your local paint store? They can actually color match the colors for you, which might be way more accurate than any AI.
This is how it works: You have a `32x32 canvas` with some JS code that creates a ripple pattern. It uses RGB values to fill and draw on the canvas, designed to fill 100% of the screen. You can also use CSS gradients to achieve something similar, just with a gradient mask to tone down the brightness.
Just a heads-up, if you're on mobile, it’s only visible on desktop. I thought the theme scale was supposed to adjust how light or dark it looks.
You could give this site a go: [meshgradient.com](https://meshgradient.com/). It might have what you're looking for!
Exactly! This effect was similar to what Stripe used before they changed their design. I call it a liquid gradient, and it looks fantastic when you put a semi-opaque overlay on top.