Patterns & Textures Generator

Pattern Type

Vertical or horizontal stripes using linear gradients

Customization

Primary Color

Secondary Color

Pattern Size20px

Rotation Angle 90°

Pattern Opacity100%

Preview

Generated CSS

.pattern {
  background-color: #1F2937;
  background-image: linear-gradient(90deg, #F59E0Bff 20px, #1F2937 20px, #1F2937 40px);
  background-size: 40px 40px;
  background-position: 0 0;
  background-repeat: repeat;
}