Showing: full SVG
Concept Groups
bottom-left sage green square: 0
bottom-right sage green square:
top-right pink square:
top-left sage green square:
center-left pink square:
center-right sage green square:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
bottom-left sage gre |
0.167
|
1.000 1.000 1.000 1.000 1.000 1.000 |
SVG Code
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Define the repeating plaid pattern unit -->
<pattern id="plaidPattern" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
<!-- Base Sage Green Background -->
<rect width="100" height="100" fill="#b2c2a2" />
<!-- Light Pink Vertical Stripe -->
<!-- Opacity is used to allow the sage green to influence the pink tone -->
<rect x="25" y="0" width="50" height="100" fill="#f4cfdf" fill-opacity="0.7" />
<!-- Muted Blue Horizontal Stripe -->
<!-- Opacity creates the blended intersection color where it overlaps pink -->
<rect x="0" y="25" width="100" height="50" fill="#a7bed3" fill-opacity="0.7" />
<!-- Thin Cream-Colored Grid Lines -->
<!-- Vertical Cream Lines -->
<line x1="25" y1="0" x2="25" y2="100" stroke="#fdf5e6" stroke-width="1.5" />
<line x1="75" y1="0" x2="75" y2="100" stroke="#fdf5e6" stroke-width="1.5" />
<!-- Horizontal Cream Lines -->
<line x1="0" y1="25" x2="100" y2="25" stroke="#fdf5e6" stroke-width="1.5" />
<line x1="0" y1="75" x2="100" y2="75" stroke="#fdf5e6" stroke-width="1.5" />
<!-- Central Fine Cream Accents for a more intricate textile look -->
<line x1="50" y1="0" x2="50" y2="100" stroke="#fdf5e6" stroke-width="0.5" stroke-dasharray="2,2" />
<line x1="0" y1="50" x2="100" y2="50" stroke="#fdf5e6" stroke-width="0.5" stroke-dasharray="2,2" />
</pattern>
</defs>
<!-- Fill the entire canvas with the defined plaid pattern -->
<rect width="100%" height="100%" fill="url(#plaidPattern)" />
</svg>