Palettio: Colour Picker

New: read any colour live with the camera, auto-extract palettes from photos, then export to Tailwind, SwiftUI, Flutter, CSS & Figma. Offline. No account.

Palettio turns the colours around you into code. Point your camera at anything — a brand, a poster, packaging, a sunset — and read the exact colour live, or snap a photo and auto-extract a full palette. Then export it straight to your stack. Fully offline. No account required.

LIVE CAMERA COLOUR READER Point your camera and read the exact colour under the crosshair in real time — no photo needed. Save it with one tap, complete with HEX, RGB, HSL, HSV, and CMYK values. The fastest way to grab a colour from the real world.

AUTO-EXTRACT A PALETTE FROM ANY PHOTO Stop sampling one pixel at a time. Tap once and Palettio finds the key colours in any photo or screenshot and turns them into a palette you can save, refine, and export. Perfect for matching a brand, lifting colours from a reference, or starting a design from a real-world scene.

EXPORT TO YOUR STACK — 11 FORMATS Copy any colour, palette, or gradient as production-ready code (11 export formats across palettes and gradients):

• CSS Variables and SCSS
• Tailwind CSS config
• React Native StyleSheet
• Flutter / Dart Color classes
• SwiftUI / UIColor
• Figma design tokens (W3C JSON)
• Adobe ASE, JSON, and Plain Text
• Gradients also export to SVG Everything works offline — on a plane, in a meeting, anywhere. No upload, ever.

PRECISION EYEDROPPER A magnified, real-time eyedropper samples the exact colour under your finger, with a live trail and automatic colour naming from a library of 226 colours. Every colour is saved with full HEX, RGB, HSL, HSV, and CMYK values.

PALETTE & GRADIENT MAKER Generate beautiful palettes from any base colour with 12 palette styles — 6 classic colour harmonies (complementary, analogous, triadic, tetradic, split-complementary, monochromatic) plus 6 curated moods (pastel, vibrant, warm, cool, earthy, sunset). Build linear and radial gradients, or start from a template.

ACCESSIBILITY BUILT IN

• WCAG 2.0 contrast checker with AA/AAA results and accessible-colour suggestions
• Colour-blindness simulator covering 7 types of colour vision deficiency
• Export contrast and accessibility reports as PNG or PDF Ship colour that works for everyone.

DESIGNED FOR DEVELOPERS & DESIGNERS

• Complete colour history with search, filters, and favourites
• Light, Dark, and System themes
• Works entirely offline — your data stays on your device, no account
• Available in 44 languages
• Fast, smooth, and lightweight

PALETTIO PRO Upgrade for unlimited auto-extract from photos (free includes 3 full auto-extractions), unlock every code & design export format (Tailwind, SwiftUI, Flutter, React Native, SCSS, Figma tokens, Adobe ASE), share watermark-free images and PDFs, and remove ads. Monthly and annual plans — includes a free trial where offered.

Whether you build with Tailwind, SwiftUI, Flutter, or React Native, design in Figma, or just love colour — Palettio gets the colours out of your world and into your work.