Patterns

Navy Crosshatch

A reusable navy crosshatch pattern for interface sections and visual accents.

Background previewNavy Crosshatch

CSS

background: linear-gradient(45deg, rgba(255,255,255,.06) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.06) 75%), linear-gradient(45deg, rgba(255,255,255,.06) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.06) 75%), #071735;
background-size: 28px 28px;
background-position: 0 0, 14px 14px;

Colors

#071735

rgba(255,255,255,.06)

Related backgrounds

More in Patterns

View category →

PatternsBlueprint Grid

PatternsSoft Dots

PatternsDiagonal Stripes