PowerToys

Brand Entity / Display Name

PowerToys

Industry Category

Dev & Tools

Primary Color (HEX / RGB / HSL)

#D7CCB3rgb(215, 204, 179) · hsl(42, 31%, 77%)

WCAG Surface Contrast

Light 1.6:1 · Dark 12.4:1

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256"><defs><linearGradient id="New_Gradient_Swatch" x1="202.55" x2="53.45" y1="257.12" y2="-1.12" data-name="New Gradient Swatch" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d7ccb3"/><stop offset="1" stop-color="#f2e6ca"/></linearGradient><linearGradient id="linear-gradient" x1="134.91" x2="84.09" y1="145.01" y2="56.99" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#ffb900"/><stop offset="1" stop-color="#fef000"/></linearGradient><linearGradient id="linear-gradient-2" x1="98.76" x2="48.91" y1="144.52" y2="58.19" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#d83b01"/><stop offset="1" stop-color="#ec6725"/></linearGradient><linearGradient id="linear-gradient-3" x1="171.91" x2="121.09" y1="145.01" y2="56.99" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#56b60e"/><stop offset="1" stop-color="#66eb6e"/></linearGradient><linearGradient id="linear-gradient-4" x1="207.09" x2="157.24" y1="143.81" y2="57.48" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#0078d4"/><stop offset="1" stop-color="#28afea"/></linearGradient><linearGradient xlink:href="#New_Gradient_Swatch" id="New_Gradient_Swatch-2" x1="80.07" x2="59.93" y1="203.45" y2="168.55" data-name="New Gradient Swatch"/><linearGradient xlink:href="#New_Gradient_Swatch" id="New_Gradient_Swatch-3" x1="138.07" x2="117.93" y1="203.45" y2="168.55" data-name="New Gradient Swatch"/><linearGradient xlink:href="#New_Gradient_Swatch" id="New_Gradient_Swatch-4" x1="196.07" x2="175.93" y1="203.45" y2="168.55" data-name="New Gradient Swatch"/><style>.cls-2{fill:#fff}.cls-5{mix-blend-mode:multiply}</style></defs><g style="isolation:isolate"><g id="Layer_2" data-name="Layer 2"><g id="Ramp_Work" data-name="Ramp Work"><rect width="224" height="224" x="16" y="16" rx="10.67" ry="10.67" style="fill:url(#New_Gradient_Swatch)"/><path d="M32 32h192v192H32z" style="fill:#666"/><g style="mix-blend-mode:multiply;opacity:.32"><image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALUAAACC...[data omitted, click Copy or Download for full SVG]..." width="180" height="129" class="cls-5" transform="translate(38.07 42.07)"/><rect width="148" height="96" x="54" y="53" class="cls-2" rx="5.31" ry="5.31"/></g><g style="opacity:.24;mix-blend-mode:multiply"><image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAABo...[data omitted, click Copy or Download for full SVG]..." width="154" height="103" class="cls-5" transform="translate(51.01 50.01)"/><rect width="148" height="96" x="54" y="53" class="cls-2" rx="5.31" ry="5.31"/></g><path d="M91 53h37v96H91z" style="fill:url(#linear-gradient)"/><path d="M91 149H59.35a5.35 5.35 0 0 1-5.35-5.35v-85.3A5.35 5.35 0 0 1 59.35 53H91z" style="fill:url(#linear-gradient-2)"/><path d="M128 53h37v96h-37z" style="fill:url(#linear-gradient-3)"/><path d="M165 53h31.65c2.95 0 5.35 2.4 5.35 5.35v85.31c0 2.95-2.4 5.35-5.35 5.35H165z" style="fill:url(#linear-gradient-4)"/><path d="M0 0h256v256H0z" style="fill:none"/><rect width="32" height="32" x="54" y="170" rx="4.67" ry="4.67" style="fill:url(#New_Gradient_Swatch-2)"/><rect width="32" height="32" x="112" y="170" rx="4.67" ry="4.67" style="fill:url(#New_Gradient_Swatch-3)"/><rect width="32" height="32" x="170" y="170" rx="4.67" ry="4.67" style="fill:url(#New_Gradient_Swatch-4)"/></g></g></g></svg>

Engineering & Layout Guidelines

• Maintain the native 1:1 aspect ratio (viewBox "0 0 256 256") without non-uniform stretching.
• Preserve at least 20% clear space around the emblem bounding box.
• Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.