Palettt — Color Palette Generator

OKLCH-first color palette generator, gradient builder, and contrast checker

Palettt is a professional color tool for designers and developers, built directly into Chrome's side panel so it's always one click away — no new tabs, no context switching. ── PALETTE GENERATOR ── Generate perceptually beautiful color palettes using the OKLCH color space — the same color model used by CSS Color 4. OKLCH produces harmonically balanced palettes that HSL and HEX simply can't match. Lock colors you love, shuffle the rest, undo/redo your history, and export to CSS, Tailwind v4, or copy individual OKLCH values. ── PAGE COLOR EXTRACTOR ── Click "Extract from Page" to instantly pull every color from whatever website you're on — backgrounds, text, borders, all of it. Browse the full color grid, select up to 5 colors, and send them straight into the palette generator or export them. ── EYEDROPPER ── Use Chrome's native EyeDropper API to pick any pixel on screen — images, UI elements, gradients, anything. Get the exact OKLCH value immediately. ── CONTRAST CHECKER ── Test foreground/background color pairs against WCAG 2.1 standards. See AA and AAA pass/fail for both normal and large text in real time. Essential for accessibility-compliant design. ── PALETTE LIBRARY ── Sign in to sync your saved palettes across devices. Organize into collections, reload any palette directly into the generator, and export on demand. ── EXPLORE PALETTES ── Browse thousands of community palettes. Filter by style, sort by trending or popular, expand colors on hover, and load any palette into the generator instantly. ── WHY OKLCH? ── OKLCH is a perceptually uniform color space — equal steps in lightness actually look equal to the human eye. It produces better gradients, more harmonious palette variations, and is the future of CSS color. Palettt uses OKLCH as its primary format everywhere. ── FEATURES AT A GLANCE ── • OKLCH-first palette generation with color harmony modes • Page color extraction from any website • Native EyeDropper pixel picker • WCAG AA/AAA contrast checker • Palette save, organize & sync (free account) • Community palette explorer with filters • Undo/redo history in the generator • Edit any color with OKLCH sliders or paste values directly • Sign in with Google or email ── CONNECTED TO PALETTT ── The extension is the side-panel companion to palettt.com — the full-featured color platform. Sign in once to sync your palettes, access your library anywhere, and jump from the extension to the full web app in one click. Perfect for UI/UX designers, front-end developers, accessibility auditors, and anyone who works with color professionally.