Palette Forge
Free 6-color palette generator and harmony library. Browse 40+ curated palettes or forge your own.
Browse a curated library of six-color palettes across game UI, pixel classics, sunset, ocean, neon, pastel, vintage, monochrome, and more. Click any palette to activate it. Edit individual swatches with a color picker. Or flip to the Generator tab, pick a base color and a harmony rule, and forge a fresh palette in one click. Copy hex, CSS variables, or JSON. Download a PNG strip.
Game projects accumulate ad-hoc colors fast. Browsing other people's palettes is great inspiration, but the round-trip from a browser tab to your code editor usually involves screenshots and eyedropper apps. Palette Forge cuts that loop to two clicks: pick, copy.
- 01Browse the Library tab. Pick a category in the sidebar (Game UI, Pixel Classics, Neon, Pastel, Vintage, etc). Click any palette card to load it into the big active strip at the top.
- 02Click any hex label in the active strip to copy that single color. Click the ✎ icon to open a color picker and edit that swatch in place.
- 03Flip to the Generator tab. Pick a base color and a harmony rule (complementary, triadic, analogous, tetradic, square, monochromatic, warm-shades, cool-shades). Click Generate or click any harmony preview card to load it.
- 04Hit Hex List, CSS, JSON, or Download PNG to export the full palette. Every export auto-snapshots a Recent thumbnail.
- 05Use Save Preset to name and keep a palette. The Saved strip shows them across visits.
- Every palette is exactly six colors, in light-to-dark or background-to-accent order. Drop-in compatible with most CSS variable schemes.
- CSS export emits --c1 through --c6 under :root. Rename in your editor as needed.
- Generator harmonies (complementary, triadic, analogous, split-complementary, tetradic, square, monochromatic, warm-shades, cool-shades) compute from your base color in HSL space.
- Nothing leaves your machine. Presets save to localStorage. Refreshing the page restores your last palette.
Is Palette Forge free?
Yes, completely free. No account, no upload, no watermark on exports.
How do I generate a color palette from a base color?
Flip to the Generator tab, pick your base color with the picker, choose a harmony rule (complementary, triadic, analogous, split-complementary, tetradic, square, monochromatic, warm-shades, cool-shades), and click Generate. The result loads straight into the active 6-color strip.
What color harmony rules are supported?
Complementary, triadic, analogous, split-complementary, tetradic, square, monochromatic, warm-shades, and cool-shades. All computed from your base color in HSL space.
Can I export the palette as CSS variables?
Yes. CSS export emits --c1 through --c6 under :root. Rename them in your editor as needed. There are also Hex List, JSON, and PNG strip exports.
Why are all palettes exactly 6 colors?
Six is the sweet spot for a UI palette: background, surface, two accent strengths, and two text weights. Every palette is ordered light-to-dark or background-to-accent so the c1–c6 export drops cleanly into most CSS schemes.
How many curated palettes are in the library?
40+ across Game UI, Pixel Classics, Neon, Pastel, Sunset, Ocean, Vintage, Monochrome, and more. Click any card to load it into the active strip and edit individual swatches in place.
Can I save and reload my own palettes?
Yes. Save Preset names a palette and stores it in localStorage. The Saved strip shows your palettes across visits.
Where does my palette data go?
Nowhere. Presets save to your browser's localStorage. No account, no upload, no server.
Your AI forgets. Astryke doesn’t.
These tools stay free. Astryke Hub is the one you pay for: a board your coding agent reads at the start of a session and writes back to at the end, so it never opens cold again.
Start free14 days free, no card. Founding price $12 a month after that.