An intuitive color palette editor built with Avalonia UI. Create, generate, and export beautiful color palettes for your design projects.
- Spacebar palette generation — press
Spaceanywhere in the window to regenerate every unlocked swatch, Coolors-style - Color harmony engine — generate from Complementary, Analogous, Triadic, Split-Complementary, Tetradic, or Monochromatic rules, or roll fully random colors
- Automatic color naming — every swatch is matched against a curated CSS/X11 + extended color-name database using a redmean-weighted RGB distance (the same approach behind ntc.js)
- HSL + Temperature color panel — live gradient-backed sliders for Hue, Saturation, Brightness, and warm/cool Temperature tinting
- Lock & shuffle — lock swatches you want to keep, then shuffle the rest
- Drag-to-reorder — rearrange swatches directly on the board
- Undo / redo — full history across generate, add, remove, clear, and image-extract actions
- Color blindness simulation — preview the whole board under Protanopia, Deuteranopia, Tritanopia, or Achromatopsia
- Extract palette from image — histogram-based dominant color extraction from any image file
- Export — JSON, CSS custom properties, SCSS variables, Tailwind config, or plain text, with one-click clipboard copy
- Light / dark theme toggle
- Studio-style monochrome UI driven entirely by a design-token stylesheet (
Styles/Theme.axaml)
- Avalonia UI 11 (.NET 9, cross-platform desktop)
- MVVM via CommunityToolkit.Mvvm source generators (
[ObservableProperty],[RelayCommand]) - Material.Icons.Avalonia for iconography
git clone https://github.com/Megaloduck/Spectrum.git
cd Spectrum
dotnet restore
dotnet run --project Spectrum.csprojOr open Spectrum.slnx in your IDE of choice (Visual Studio, Rider, VS Code) and hit run.
Get the latest release:
- Windows 10 or later
- No additional dependencies required (self-contained executable)
| Action | How |
|---|---|
| Generate a new palette | Press Space, or click Press Space to Harmonize |
| Lock a color | Click the lock icon on a swatch |
| Reorder colors | Drag a swatch card |
| Simulate color blindness | Color Blind dropdown in the toolbar |
| Extract colors from an image | Extract from Image in the toolbar |
| Export a palette | Export Palette in the footer, pick a format, copy |
Contributions are welcome! Feel free to open an issue or submit a pull request.
This project is licensed under the MIT License — see the LICENSE file for details.
Made by @Megaloduck with ❤️ using Avalonia UI