pattern.svgGradient generator. A large collection of ready-made presets that can be modified.
BG Pattern Generator
Today
Pattern
Background
Pattern color
Secondary color
Element size32px
Gap X0px
Gap Y0px
Thickness2px
Opacity70%
Angle0°
Element offset X0px
Element offset Y0px
Pattern position X0px
Pattern position Y0px
Scale X100%
Scale Y100%
background-color: #0f172a;
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'> <g opacity='0.7' transform='translate(16 16) rotate(0) scale(1 1) translate(-16 -16)'> <circle cx='16' cy='16' r='2' fill='rgb(139,92,246)' /> </g> </svg>");
background-repeat: repeat;
background-size: 32px 32px;
background-position: 0px 0px;Just click on the desired pattern
Honeycomb14
Golden Hive
Amber Hive
Pure Honey
Black Hive
Carbon Hive
Emerald Hive
Teal Hive
Cyan Hive
Blue Hive
Violet Hive
Diamonds12
Amethyst
Emerald
Sapphire
Ruby
Rose Crystal
Cyan Crystal
Gold
Obsidian
Steel
Lavender
Waves12
Ocean
Deep Ocean
Lagoon
Sea Foam
Violet Tide
Sunset
Flamingo
Midnight
Electric
Forest
Clouds12
Blue Sky
Soft Clouds
Lavender Sky
Pink Sky
Sunset Clouds
Night Clouds
Storm
Mint Sky
Violet Night
Peach Sky
Bubbles12
Aqua Bubbles
Ocean Bubbles
Pink Bubbles
Candy Bubbles
Violet Bubbles
Mint Bubbles
Dark Bubbles
Neon Bubbles
Lime Bubbles
Pearl Bubbles
Scales10
Ocean Scales
Mermaid
Golden Scales
Black Scales
Purple Scales
Rose Scales
Jade Scales
Ice Scales
Coral Scales
Steel Scales
Dots12
Micro Dots
Soft Dots
Ink Dots
Blue Dots
Cyan Dots
Violet Dots
Pink Dots
Emerald Dots
Gold Dots
Large Dots
Polka Dots10
Classic Polka
Red Polka
Candy Polka
Ocean Polka
Mint Polka
Night Polka
Peach Polka
Lavender Polka
Sunny Polka
Mono Polka
Circles10
Blue Circles
Violet Circles
Emerald Circles
Sunset Circles
Neon Circles
Mono Circles
Candy Circles
Orange Circles
Aqua Circles
Dark Circles
Rings10
Fine Rings
Blue Rings
Cyan Rings
Violet Rings
Rose Rings
Emerald Rings
Gold Rings
Neon Rings
Dark Rings
Pastel Rings
Zigzag10
Black Zigzag
Blue Zigzag
Cyan Zigzag
Violet Zigzag
Candy Zigzag
Emerald Zigzag
Sunset Zigzag
Dark Zigzag
Mint Zigzag
Retro Zigzag
Chevron10
Black Chevron
Blue Chevron
Cyan Chevron
Violet Chevron
Rose Chevron
Gold Chevron
Mint Chevron
Dark Chevron
Coral Chevron
Neon Chevron
Bricks10
Classic Brick
Terracotta
White Brick
Black Brick
Blue Brick
Cyan Brick
Emerald Brick
Purple Brick
Sandstone
Concrete
Triangles10
Blue Triangles
Violet Triangles
Emerald Triangles
Sunset Triangles
Candy Triangles
Dark Triangles
Neon Triangles
Lavender Triangles
Gold Triangles
Ice Triangles
Confetti10
Party
Candy
Ocean
Neon
Sunset
Mint
Purple
Gold
Pastel
Monochrome
Grid10
Blueprint
Graph Paper
Dark Grid
Cyan Grid
Purple Grid
Terminal Grid
Micro Grid
Large Grid
Pink Grid
Mint Grid
Checker8
Classic Checker
Dark Checker
Blue Checker
Pink Checker
Mint Checker
Orange Checker
Violet Checker
Sage Checker
Crosshatch8
Ink Crosshatch
Blue Crosshatch
Cyan Crosshatch
Purple Crosshatch
Emerald Crosshatch
Neon Mesh
Dark Mesh
Soft Mesh
Stripes12
Pinstripe
Fine Horizontal
Classic Diagonal
Barber Blue
Caution
Candy Stripe
Neon Stripe
Purple Stripe
Green Stripe
Orange Stripe
Weave10
Linen
Carbon Fiber
Blue Weave
Cyan Weave
Purple Weave
Emerald Weave
Rose Weave
Gold Weave
Neon Weave
Pastel Weave
Feedback