Geometric Patterns

All color tools

Seamless triangles, hexagons, diamonds, stars and checkerboards. Pick a design, change its colors and angle, then copy the CSS or download SVG or PNG.

Free

1Pick a pattern

All Lines and waves Dots and circles Geometric 3D and illusions Textiles and weaves Bricks and tiles Japanese Islamic and Moorish Art Deco Tribal and folk Nature Icons and objects Pixel art Generative

Your headline here

See how the pattern sits behind real content.

Get started
Pattern

Designs to start from

Select one to open it in the editor, then change its colors and settings.

Octagons 1 Octagons 1 Plus tiles 1 Plus tiles 1 Tessellations 1 Tessellations 1 Crosses 1 Crosses 1 Nested squares 1 Nested squares 1 Pinwheels 1 Pinwheels 1 Triangles 1 Triangles 1 Square spirals 1 Square spirals 1 X marks 1 X marks 1 Stars 1 Stars 1 Diamond lattice 1 Diamond lattice 1 Honeycomb 1 Honeycomb 1

Browse by collection

Lines and waves 273 patterns Dots and circles 189 patterns 3D and illusions 99 patterns Textiles and weaves 105 patterns Bricks and tiles 148 patterns Japanese 33 patterns Islamic and Moorish 30 patterns Art Deco 47 patterns Tribal and folk 62 patterns Nature 196 patterns Icons and objects 236 patterns Pixel art 152 patterns Generative 251 patterns

About Geometric Patterns

Geometric patterns give a page structure without any illustration. This collection brings together checkerboards, triangles, quilt blocks, diamonds, honeycombs, colored hexagons, tessellations, octagons, nested squares, square spirals, stars, crosses and pinwheels.

Several designs use more than two colors, so each shape can take its own shade from your palette. Try "New palette" for a quick change of mood, then lock the colors and use "Inspire me" to test different sizes and angles.

Frequently asked questions

Yes, on the designs that support it. Set the number of colors in the Colors step: quilt blocks and triangles take up to five colors, background included.

A tessellation is a set of shapes that covers a surface with no gaps and no overlaps, like a honeycomb. Every tessellation here repeats without a visible seam.

Yes. They are vector drawings, so SVG and CSS versions stay sharp at any size. PNG, JPG and WebP files can be exported up to 8000 pixels on each side.
Share this
Related Tools
Gradient from Image
Gradient Generator
Pattern Generator
Full Red Screen
Pantone Color Matcher
Color Code Converter
Full Green Screen
AI Brand Palette Generator
Font Pairing & Google Fonts Directory
Color Palette Generator
Full Blue Screen
AI Theme & Gradient Generator
Color Name Finder
Full Black Screen
AI Mood Palette
Color Mixer
Color Palette from Website
Export Color Palette
AI Brand Kit from Image
Web-Safe Color Palette
Popular searches
geometric pattern geometric background hexagon pattern svg triangle pattern honeycomb pattern checkerboard pattern css diamond pattern seamless geometric pattern
Need help?
Found an issue with this tool? Let our team know.
Report an issue

Add this free tool to your own website: copy and paste the code below.