Palette MCP

<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"> <!-- Background: Soft Gradient --> <defs> <linearGradient id="bg_gradient" x1="0" y1="0" x2="512" y2="512" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="#2D3142" /> <stop offset="100%" stop-color="#1A1C29" /> </linearGradient> <linearGradient id="palette_gradient" x1="100" y1="100" x2="400" y2="400" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="#FFFFFF" /> <stop offset="100%" stop-color="#E0E0E0" /> </linearGradient> </defs> <!-- Main Background Shape (Rounded Square) --> <rect x="32" y="32" width="448" height="448" rx="128" fill="url(#bg_gradient)" /> <!-- Palette Shape --> <path d="M256 120C180.9 120 120 180.9 120 256C120 331.1 180.9 392 256 392C278.5 392 296 374.5 296 352C296 345.5 294.1 339.4 290.7 334.1C288.7 331.1 287.6 327.6 287.6 324C287.6 315.2 294.8 308 303.6 308H332C365.1 308 392 281.1 392 248V244C392 175.5 331.1 120 256 120Z" fill="url(#palette_gradient)" filter="drop-shadow(0px 10px 20px rgba(0,0,0,0.3))"/> <!-- Code Brackets / Paint Blobs representation --> <!-- Left Blob (Red - React/Error color) --> <circle cx="190" cy="200" r="24" fill="#FF5F56" /> <!-- Center Blob (Yellow - JS/Warning) --> <circle cx="256" cy="180" r="24" fill="#FFBD2E" /> <!-- Right Blob (Green - Vue/Success) --> <circle cx="322" cy="200" r="24" fill="#27C93F" /> <!-- Code Symbol (</>) in the negative space or overlaid --> <path d="M220 255L200 275L220 295" stroke="#2D3142" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/> <path d="M292 255L312 275L292 295" stroke="#2D3142" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/> <path d="M268 251L244 299" stroke="#2D3142" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/> </svg>