PhotoTones
Turn Any Image Into a Client-Ready Brand Kit
One ZIP with a print-ready brand guide, design tokens, Figma JSON, and theme CSS — extracted from your photo in the browser. No upload. $7/month, cancel anytime.
Quick answer: PhotoTones Pro ($7/month) ships a complete brand deliverables workflow on top of the free color palette from image tool — brand kit ZIP, W3C tokens, Figma import, and accessible light/dark themes, all processed locally.
- Cancel anytime
- Images never leave your device
- One kit replaces hours of manual exports
Less than one billable hour — professional palette + brand kit tools for $7/month.
Cancel anytime · Instant access · Privacy-first
Already subscribed?
See what you get in a brand kit
Every Pro extraction can download a ZIP with a print-ready guide, token files, code exports, and preview images — ready to send to a client or teammate.
- brand-guide.html — print-ready visual guide
- tokens/ — W3C, Tokens Studio, Style Dictionary
- code/ — Tailwind, SCSS, CSS, light/dark themes
- figma/ — Variables + Tokens Studio JSON
- preview/ — composite + swatch PNGs
What Pro unlocks
Hero deliverables
-
Brand Kit ZIP
One click downloads a client-ready ZIP: print-ready brand guide, all code exports, Figma JSON, theme CSS, and preview images.
-
Design Tokens
W3C Design Tokens JSON, Tokens Studio, Style Dictionary, and Tailwind v4
@themeCSS for modern design systems. -
Light & Dark Themes
Accessible semantic UI CSS — primary, surface, text, and border tokens derived from your palette with WCAG-checked pairings.
Professional workflow
-
Extended Palettes (8, 10, 12 colors)
Hybrid Vibrant.js + ColorThief extraction for larger design systems beyond the free 6-color limit.
-
Full Resolution & PNG Download
Photo + swatches composite at full pixel dimensions — JPEG or lossless PNG (free tier is 50% resolution).
-
WCAG Contrast Grid
N×N contrast matrix with AA/AAA badges and suggested accessible text/background pairings.
-
Figma Workflow
Copy Figma Variables JSON or Tokens Studio JSON for fast import via the Tokens Studio plugin.
Also included
-
Adobe ASE, Tailwind v3, SCSS, CSS, Procreate
Classic export formats for Creative Cloud, web projects, and iPad illustration workflows.
Free vs Pro
$7/month · Cancel anytime
Use the free tool instead →Frequently Asked Questions
What is PhotoTones Pro?
PhotoTones Pro is a $7/month subscription that unlocks professional color palette exports: brand kit ZIP downloads, W3C and Tokens Studio design tokens, Figma Variables JSON, light and dark theme CSS, extended palettes up to 12 colors, Adobe ASE, Tailwind, SCSS, CSS, and Procreate exports, full-resolution and lossless PNG downloads, and a WCAG contrast ratio grid.
How much does PhotoTones Pro cost?
PhotoTones Pro costs $7 per month. You can cancel anytime from the Stripe billing portal. The core color palette from image generator remains free with no signup required.
What export formats does PhotoTones Pro include?
PhotoTones Pro exports Adobe ASE swatches, Tailwind CSS config, SCSS variables, CSS custom properties, W3C Design Tokens JSON, Tokens Studio JSON, Style Dictionary JSON, Tailwind v4 @theme CSS, Figma Variables JSON, Procreate .swatches, and a client-ready brand kit ZIP with a print-ready guide.
How many colors can PhotoTones Pro extract?
PhotoTones Pro extends palette extraction from 6 colors (free) to 8, 10, or 12 colors using a hybrid Vibrant.js + ColorThief k-means clustering pipeline — ideal for larger design systems.
Is the free PhotoTones tool still available without Pro?
Yes. The core PhotoTones tool is always free — unlimited palette extractions, 6 colors per palette, hex, RGB, and HSL copy, and a low-resolution composite download. Pro adds professional exports and extended palettes; no Pro subscription is required to use the generator.