Color Studio Pro
Build brand color palettes, check accessibility contrast, and share client-ready links — all entity-scoped to your business.
📋 What does Color Studio Pro do?
Color Studio Pro helps you build and manage color palettes for your brands — pick colors, generate harmonies, check contrast for accessibility, and hand clients a shareable link so they can see the palette without logging in.
🏢 Brand Profiles
Group palettes under named brands (name, description, logo).
🖌️ Visual Builder
Add/edit colors, generate harmonies from a base color, or extract colors from an uploaded image.
♿ Accessibility Checks
Live WCAG contrast ratio (AA/AAA) between any two colors in the palette.
🔗 Client Sharing
A public, no-login link for any palette marked shareable — good for sending to clients or printers.
🏢 Brands
Brands are optional folders for palettes — useful if you manage color systems for more than one client or product line.
Open Brands
Use the "Brands" link from the Dashboard.
Add a brand
Name, description and a logo URL — the "New Brand" panel is always visible at the top of the page.
Assign palettes
When creating or editing a palette, pick a brand from the dropdown (or leave it "No brand").
🖌️ Palette Builder
The builder is where you actually design a palette: name it, assign a brand, and manage its colors.
Adding colors
➕ Add Color
Adds a blank color swatch you can name and pick a hex value for.
🎯 Generate Harmony
Pick a mode (Complementary, Analogous, Triadic, Split Complementary, Monochromatic) and it fills in matching colors from your first swatch.
🖼️ Image
Upload a JPEG/PNG/WebP and it extracts a set of representative colors from it.
Saving
Nothing is saved until you click Save Palette. Every save also writes a version snapshot — see "Versions" in the side panel to restore an earlier state.
position.
♿ Accessibility
The Accessibility panel checks the contrast ratio between any two colors in your palette against WCAG guidelines:
| Badge | Meaning |
|---|---|
| AA | Passes the minimum contrast ratio (4.5:1 for normal text). |
| AAA | Passes the enhanced contrast ratio (7:1 for normal text) — the stricter standard. |
Pick a Background and Foreground color from the dropdowns, and save a pairing with a note (e.g. "Body text on card background") to keep a record of which combinations you've checked.