style>.color-preview{width:100%;height:120px;border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:1rem;transition:background 0.2s;}.color-input{font-family:'JetBrains Mono',monospace;}.copy-btn{cursor:pointer;transition:all 0.15s;}.copy-btn:hover{color:#39d353;}.palette-box{width:50px;height:50px;border-radius:8px;cursor:pointer;transition:transform 0.15s;border:2px solid transparent;}.palette-box:hover{transform:scale(1.1);border-color:#39d353;}
Generated Palette
Shades
Complementary