# The Hue vault

> OKLCH palettes & design tokens

Canonical page: [https://chrome-stats.com/d/id6775971574](https://chrome-stats.com/d/id6775971574)

## Overview

- **ID:** `id6775971574`
- **Platform:** Apple
- **Type:** Apple app
- **Status:** Available
- **Publisher:** Robert Corbin
- **Category:** Graphics & Design
- **Version:** 2.0
- **Last updated:** 2026-06-23
- **First published:** 2026-06-05
- **Size:** 4.33 MB
- **Data as of:** 2026-09-03
- **Store listing:** [Apple App Store](https://apps.apple.com/us/app/the-hue-vault/id6775971574)
- **Website:** [https://shadowfetch-ios-apps.pages.dev/huevault/](https://shadowfetch-ios-apps.pages.dev/huevault/)
- **Privacy policy:** [https://shadowfetch-ios-apps.pages.dev/huevault/privacy/](https://shadowfetch-ios-apps.pages.dev/huevault/privacy/)

## Description

Capture color, build perceptual palettes, audit WCAG and APCA contrast, simulate color vision, and export design-ready systems. One purchase, all on-device.

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.

## Rankings

- #1,898,297 — Overall

## Similar extensions and apps

- [Huesmith](https://chrome-stats.com/d/id6759829076)
- [Palette: Color & Brand Studio](https://chrome-stats.com/d/id6757064135)
- [Paletto](https://chrome-stats.com/d/id6760658459)
- [HueColors](https://chrome-stats.com/d/id6787008670)
- [UI Color Palette Designer](https://chrome-stats.com/d/id6753760392)
- [Paletton](https://chrome-stats.com/d/id6763743118)
- [Opalite - Color Studio](https://chrome-stats.com/d/id6755093664) — 5.00 / 5
- [Color Code - Picker & Palette](https://chrome-stats.com/d/id6778856456) — 5.00 / 5
- [Colory - Colors and Palettes](https://chrome-stats.com/d/id1529869899)
- [AppColors](https://chrome-stats.com/d/id6478899380)
- [Colory: Color Inspiration Lab](https://chrome-stats.com/d/id6760704256)
- [Color Picker: Color Code](https://chrome-stats.com/d/id6756701818)

---

Source: [Chrome-Stats](https://chrome-stats.com/d/id6775971574)