Patterns

Slate Crosshatch

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

Background previewSlate Crosshatch

CSS

background: linear-gradient(45deg, #cbd5e1 25%, transparent 25%, transparent 75%, #cbd5e1 75%), linear-gradient(45deg, #cbd5e1 25%, transparent 25%, transparent 75%, #cbd5e1 75%), #f8fafc;
background-size: 28px 28px;
background-position: 0 0, 14px 14px;

Colors

#f8fafc

#cbd5e1

Related backgrounds

More in Patterns

View category →

PatternsBlueprint Grid

PatternsSoft Dots

PatternsDiagonal Stripes