5000 gradient pack svg + 3 bonus css variables json hex list | pastel dark neon sunset ocean rose forest | canva figma

⚡ 5000 professional gradients + 3 bonus files — the ultimate bundle for designers & developers

The biggest gradient pack on Etsy. 5000 unique gradients in 10
categories, plus 3 ready-to-use bonus files that let you copy
and paste directly into your designs and code. Zero effort,
instant results.

———————————————————————————
✅ What's included (5000 gradients + 3 bonus files)
———————————————————————————

🌸 Pastel (500 gradients)
→ Soft, dreamy blends — beauty, wellness, baby products

🌑 Dark (500 gradients)
→ Deep, luxury blends — dark mode UI, premium branding

⚡ Neon (500 gradients)
→ Electric, vibrant blends — gaming, tech, streetwear

🌅 Sunset warm (500 gradients)
→ Coral, orange, gold — lifestyle, food, travel

🌊 Ocean cool (500 gradients)
→ Teal, aqua, blue — apps, wellness, travel brands

🌿 Earth (500 gradients)
→ Terracotta, sand, olive — eco, food, sustainability

🌹 Rose & pink (500 gradients)
→ Blush, mauve, hot pink — beauty, weddings, fashion

🌲 Forest green (500 gradients)
→ Emerald, sage, moss — outdoor, botanical, eco design

⬛ Monochrome (500 gradients)
→ Black, white, grey — minimal UI, elegant branding

🌈 Multicolor (500 gradients)
→ Bold 3-stop blends — hero sections, posters, social

———————————————————————————
🎁 3 bonus files — included free
———————————————————————————

📄 Bonus 1 — all_gradients.css
→ All 5000 gradients as CSS custom properties
→ Paste into any project and use instantly:
   background: var(--pastel_0001);
→ Works with Tailwind, Bootstrap, Webflow, WordPress,
  React, Vue, Angular, Framer, Squarespace, Wix

📄 Bonus 2 — all_gradients.json
→ All 5000 gradients in structured JSON format
→ HEX color stops + angle for every gradient
→ Import into Figma plugins, web apps, design systems
→ Perfect for developers and design system builders

📄 Bonus 3 — all_gradients.txt
→ All 5000 gradients as a plain HEX reference list
→ Open and copy any gradient in seconds
→ Works with Canva, Photoshop, Procreate, everything
→ Zero setup — just open, find your gradient and copy

———————————————————————————
📦 Full contents
———————————————————————————
• 5000 x SVG gradient preview cards (400x160px)
• Each card displays color stops + HEX codes
• Bonus 1: all_gradients.css — CSS variables
• Bonus 2: all_gradients.json — JSON dataset
• Bonus 3: all_gradients.txt — HEX reference list
• 10 clearly named category folders
• Readme.txt with complete usage guide

———————————————————————————
🖥️ Compatible with
———————————————————————————
✓ Figma — paste CSS gradient into fills
✓ Adobe XD — use CSS value in properties
✓ Webflow — paste CSS variable in background
✓ WordPress — paste in custom CSS panel
✓ Canva — use HEX codes in gradient picker
✓ Adobe Illustrator — recreate with gradient tool
✓ Adobe Photoshop — use HEX stops in gradient editor
✓ Procreate — enter HEX codes in color picker
✓ Tailwind CSS — extend config with gradient values
✓ React, Vue, Angular — CSS variables ready to use

———————————————————————————
💡 Perfect for
———————————————————————————
→ UI/UX designers and web designers
→ Front-end and full-stack developers
→ Graphic and brand designers
→ Social media content creators
→ Canva template creators
→ App and product designers
→ Figma component library builders
→ WordPress and Webflow designers

———————————————————————————
⚙️ How to use in CSS
———————————————————————————
1. Open all_gradients.css from the bonus folder
2. Copy the entire :root { } block
3. Paste into your stylesheet
4. Use: background: var(--pastel_0001);

———————————————————————————
🔖 Also in our shop
———————————————————————————
SVG icon packs, seamless pattern bundles,
color palette packs, Photoshop script bundles!
Visit PixelPresetPlace on Etsy.

———————————————————————————
📩 Instant digital download
No physical product will be shipped.
Files available immediately after purchase.

Questions? We reply within 24 hours! ✉️