Showing: full SVG
Concept Groups
top-left sage green square: 0
left-side pink vertical stripe:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
top-left sage green |
0.500
|
1.000 1.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800">
<!--
Step-by-step analysis (from the description):
1) Overall motif: a soft pastel plaid/tartan pattern made from a repeating grid.
2) Base/dominant color: sage green squares/blocks forming the main field.
3) Overlaid stripes: light pink vertical stripes and muted blue horizontal stripes.
4) Outlines: thin cream-colored lines tracing the grid/intersections for a tartan feel.
5) Aesthetic: gentle, harmonious, textile-like repetition across the whole canvas.
-->
<defs>
<!-- Repeating tartan tile -->
<pattern id="plaid" patternUnits="userSpaceOnUse" width="200" height="200">
<!-- Base sage green tile -->
<rect x="0" y="0" width="200" height="200" fill="#A9B8A0"/>
<!-- Subtle sage block variation to suggest "squares" -->
<rect x="0" y="0" width="100" height="100" fill="#A3B39A" opacity="0.55"/>
<rect x="100" y="100" width="100" height="100" fill="#A3B39A" opacity="0.55"/>
<!-- Light pink vertical stripes -->
<rect x="42" y="0" width="22" height="200" fill="#E9B7C6" opacity="0.55"/>
<rect x="136" y="0" width="16" height="200" fill="#E9B7C6" opacity="0.45"/>
<!-- Muted blue horizontal stripes -->
<rect x="0" y="58" width="200" height="20" fill="#9FB7C8" opacity="0.55"/>
<rect x="0" y="142" width="200" height="14" fill="#9FB7C8" opacity="0.45"/>
<!-- Thin cream grid lines (both directions) -->
<g stroke="#F3EAD6" stroke-width="2" opacity="0.9" shape-rendering="crispEdges">
<!-- Major tile boundaries -->
<line x1="0" y1="0" x2="200" y2="0"/>
<line x1="0" y1="200" x2="200" y2="200"/>
<line x1="0" y1="0" x2="0" y2="200"/>
<line x1="200" y1="0" x2="200" y2="200"/>
<!-- Inner grid to outline blocks -->
<line x1="100" y1="0" x2="100" y2="200"/>
<line x1="0" y1="100" x2="200" y2="100"/>
<!-- Additional thin accents to enhance tartan look -->
<line x1="50" y1="0" x2="50" y2="200" opacity="0.7"/>
<line x1="150" y1="0" x2="150" y2="200" opacity="0.7"/>
<line x1="0" y1="70" x2="200" y2="70" opacity="0.7"/>
<line x1="0" y1="150" x2="200" y2="150" opacity="0.7"/>
</g>
<!-- Cream outlines around stripe centers for definition -->
<g stroke="#F3EAD6" stroke-width="1.5" opacity="0.7" shape-rendering="crispEdges">
<!-- Vertical stripe edges -->
<line x1="42" y1="0" x2="42" y2="200"/>
<line x1="64" y1="0" x2="64" y2="200"/>
<line x1="136" y1="0" x2="136" y2="200"/>
<line x1="152" y1="0" x2="152" y2="200"/>
<!-- Horizontal stripe edges -->
<line x1="0" y1="58" x2="200" y2="58"/>
<line x1="0" y1="78" x2="200" y2="78"/>
<line x1="0" y1="142" x2="200" y2="142"/>
<line x1="0" y1="156" x2="200" y2="156"/>
</g>
</pattern>
</defs>
<!-- Fill the full canvas with the repeating pattern -->
<rect x="0" y="0" width="800" height="800" fill="url(#plaid)"/>
</svg>