# The Hue vault — OKLCH palettes & design tokens > OKLCH palettes & design tokens (iPhone/iPad app by Robert Corbin.) - Source: https://appshunter.io/ios/app/the-hue-vault/id6775971574 (this page in markdown: same URL + `.md`) - Developer: [Robert Corbin](https://appshunter.io/developer/1890247992) - Category: Graphics & Design, Utilities - Price: $2.99 - Age rating: 4+ - Requires: iOS 17.0 · 4 MB - Languages: American English - Released: 2026-06-05 - Data updated: 2026-08-22 - User reviews in markdown: https://appshunter.io/ios/app/the-hue-vault/id6775971574/reviews.md ## What is The Hue vault? Hue Vault is the most color-correct color toolkit on iOS — a precision instrument for designers, developers, illustrators, and accessibility pros. A one-time purchase. No subscription, no account, no tracking. Everything runs on your device. CAPTURE COLOR FROM ANYWHERE Read exact colors from the world with a live camera loupe, or pull a clean dominant-color palette out of any photo. TURN ONE COLOR INTO A DESIGN SYSTEM Drop in a brand color and Hue Vault generates a complete, production-ready system: a Tailwind 50–950 ramp, a Radix-style 12-step scale with real roles (backgrounds, components, borders, solids, text), a neutral ramp tuned to your hue, and semantic success/warning/error/info colors — in light and dark. Text steps are tuned to genuine contrast targets, so they pass for real. BUILT ON A PERCEPTUAL ENGINE Harmonies, tints, shades, gradients, and scales are computed in OKLCH/OKLab — the perceptually-uniform color space behind CSS Color 4 and Tailwind v4. Results are tonally even and gamut-mapped, never the muddy or clipped colors you get from old HSL math. A REAL ACCESSIBILITY LAB • N×N contrast grid for the whole palette — WCAG 2.2 ratio and APCA Lc (the draft WCAG 3 readability metric) side by side • Color-vision-deficiency simulation (protan/deutan/tritan + anomalies + achromatopsia) with a severity slider, using the Machado model • Automatic flagging of color pairs that collide for color-blind users • One-tap Fix Contrast that nudges a color until the pair passes GRADIENT & MESH STUDIO Perceptually-smooth gradients interpolated in OKLab, plus mesh gradients on iOS 18. Export as SwiftUI, CSS (oklab), or a wallpaper image. LIGHT → SHADOW SHADING RAMPS Temperature-shifted ramps (warm highlights, cool shadows) for illustration and 3D, with a live shaded preview. EXPORTS YOUR TOOLS ACTUALLY USE W3C Design Tokens (DTCG), SwiftUI color sets with dark + Display-P3, CSS custom properties with oklch() and P3, Tailwind config, Material colors.xml, Android XML, SVG, and plain hex. A LIBRARY YOU OWN Save unlimited palettes, organize with tags and favorites, and search your library by color. Drag swatches straight into Procreate, Figma, or Notes. Run it from Shortcuts and Spotlight with built-in App Intents. No subscription. No sign-in. No analytics. Buy it once, and it’s yours. ## Version history (last 4 releases) ### 2.0 — 2026-06-23 Hue Vault 2.0 is a complete pro upgrade — and a one-time purchase, no subscription. DESIGN-SYSTEM GENERATOR Turn any color into a full, production-ready scale: a Tailwind 50–950 ramp and a Radix-style 12-step scale with proper roles (backgrounds, borders, solids, text), a matching neutral ramp, and semantic success/warning/error/info colors — in light and dark. The text steps are tuned to real contrast targets so they actually pass. A PERCEPTUAL ENGINE Harmonies, tints, shades, and scales are now generated in OKLCH (the perceptually-uniform space behind CSS Color 4 and Tailwind v4), so every result is tonally even and never clips out of gamut. ACCESSIBILITY LAB See an N×N contrast grid for your whole palette with both WCAG 2.2 ratios and APCA Lc readability, simulate eight kinds of color-vision deficiency with a severity slider, get flagged on color pairs that collide for color-blind users, and fix any failing pair with one tap. GRADIENT & MESH STUDIO Build perceptually-smooth gradients interpolated in OKLab (no muddy middles), plus mesh gradients on iOS 18 — export as SwiftUI, CSS, or a wallpaper. LIGHT → SHADOW RAMPS Generate temperature-shifted shading ramps for illustration, with a live preview. REAL EXPORTS Design tokens (DTCG), SwiftUI color sets with dark + Display-P3, CSS oklch() with P3, Tailwind, Material, Android, SVG. Plus tags, color search, drag-and-drop, and Shortcuts. Everything runs on-device. No account. No tracking. ### 1.2 — 2026-06-15 Huevault 1.1 - more tools, more color science. TYPE A HEX CODE DIRECTLY Got a color from a brief, a design spec, or a web page? Just type the hex code - #RRGGBB or RRGGBB, with or without the hash - and Huevault commits it the moment it's valid. No more going through the color wheel to enter a value you already know. Works when adding a color to an existing palette and when picking a base color for a new harmony. OKLCH VALUES EVERYWHERE Every swatch now shows its OKLCH value in the inspector - the perceptually uniform color space that powers Tailwind CSS v4 and CSS Color Level 4. OKLCH lightness is the only kind that matches human perception accurately, so equal L values actually look equally bright. Tap to copy. TWO NEW EXPORT FORMATS - Tailwind CSS config - copies a ready-to-paste JS object block (extend.colors format) using oklch() values, matching exactly how Tailwind v4 defines its own palette. Drop it into tailwind.config.js or a @theme block. - OKLCH values - one oklch() CSS value per line, for pasting into any CSS Color Level 4-aware stylesheet. Both join the existing six formats in the "Copy as" menu. --- Also in 1.1 (earlier in this build cycle): TWO NEW HARMONY TYPES - Split Complementary: your base color plus two near-complements (flanking the opposite hue at 30) - high contrast with less visual tension than pure complementary. - Square: four hues perfectly 90 apart on the wheel - diverse yet balanced, and geometrically distinct from the Tetradic rectangle. TINT / SHADE LADDER Tap any swatch in your palette and you'll find a new Tints & Shades section: five tints lightening toward white and five shades deepening toward black, each tap-to-copy. The fastest way to build a complete tonal scale from a single brand color. COLOR-BLIND PREVIEW IN THE SWATCH INSPECTOR The protanopia / deuteranopia / tritanopia preview that was only in the contrast checker is now in the swatch inspector too - so you can see any individual color through each lens, right where you're working. FOUR EXPORT FORMATS - Swift / Xcode JSON - paste directly into an Xcode asset catalog Color Set. - Figma tokens JSON - W3C Design Token format, compatible with Figma Tokens (Tokens Studio) and standard token pipelines. - Android XML - drop into your res/values/colors.xml. - SVG swatches - a row of labeled rectangles you can paste into Figma, Sketch, or any SVG-aware tool. LIBRARY SEARCH A search bar in the Library filters your palettes by name as you type. Handy once you've built up a library. Huevault is still fully offline - no account, no subscription, no tracking. Everything lives on your device. ### 1.1 — 2026-06-14 Huevault 1.1 — more tools, more color science. TWO NEW HARMONY TYPES • Split Complementary: your base color plus two near-complements (flanking the opposite hue at ±30°) — high contrast with less visual tension than pure complementary. • Square: four hues perfectly 90° apart on the wheel — diverse yet balanced, and geometrically distinct from the Tetradic rectangle. TINT / SHADE LADDER Tap any swatch in your palette and you'll find a new Tints & Shades section: five tints lightening toward white and five shades deepening toward black, each tap-to-copy. The fastest way to build a complete tonal scale from a single brand color. COLOR-BLIND PREVIEW IN THE SWATCH INSPECTOR The protanopia / deuteranopia / tritanopia preview that was only in the contrast checker is now in the swatch inspector too — so you can see any individual color through each lens, right where you're working. FOUR NEW EXPORT FORMATS (copy as) • Swift / Xcode JSON — paste directly into an Xcode asset catalog Color Set. • Figma tokens JSON — W3C Design Token format, compatible with Figma Tokens (Tokens Studio) and standard token pipelines. • Android XML — drop into your res/values/colors.xml. • SVG swatches — a row of labeled rectangles you can paste into Figma, Sketch, or any SVG-aware tool. LIBRARY SEARCH A search bar in the Library filters your palettes by name as you type. Handy once you've built up a library. Huevault is still fully offline — no account, no subscription, no tracking. Everything lives on your device. ### 1.0 — 2026-06-05 No release notes. ## More apps by Robert Corbin - [Daily Word Journey](https://appshunter.io/ios/app/daily-word-journey/id6761548266) - [Hush Secret Text](https://appshunter.io/ios/app/hush-secret-text/id6761658175) - [Renew Guard](https://appshunter.io/ios/app/renew-guard/id6761755447) - [Receipt to PDF](https://appshunter.io/ios/app/receipt-to-pdf/id6761782025) - [Route Your Pay](https://appshunter.io/ios/app/route-your-pay/id6761783719) - [Tip Arbiter](https://appshunter.io/ios/app/tip-arbiter/id6761786879) All apps by Robert Corbin: https://appshunter.io/developer/1890247992 --- *Data collected daily from the US App Store and indexed by [AppsHunter](https://appshunter.io/). User reviews are verbatim App Store reviews. Ratings, prices and chart positions refresh continuously; this snapshot is from 2026-08-22.*