Preview image. Unlock full-res
Color-and-contrast page for textures, showing high-contrast two-tone combinations on top and quieter single-hue tonal options below in a dense swatch grid.
Summary
A textures color page contrasting bold two-tone combinations (green/blue, pink/green, purple/orange, blue/lime) against subdued single-hue tonal swatches, all rendered as dithered tiles.
Visual description
A small left column explains that textures are two-tone and that high-contrast combos suit events while muted greys and neutrals recede for product backdrops. The right area is a swatch matrix: a top band of four large vivid duotone dither tiles labeled GREEN AND BLUE, PINK AND GREEN, PURPLE AND ORANGE, BLUE AND LIME, and below them a denser eight-up row of smaller tonal tiles (DARK GREEN, LIGHT GREEN, LIGHT GRAY, DARK GRAY, LIGHT PURPLE, DARK PURPLE, DARK BLUE, LIGHT BLUE). Each tile is a checkerboard halftone in its named colors.
Key takeaway
Splitting a color-application page into a loud row and a quiet row so the same texture system reads as both "big brand moment" and "recede behind product" depending on saturation, with consistent monospace naming throughout.
Reuse notes
Useful when a palette needs to flex between energetic and neutral. The stacked loud-then-quiet arrangement is a clear way to signal which combinations belong in which context.
From this deck: GitHub guidelines - texture color and contrast
View deck
