

Volume
The "GPS for Color." Volume is a 3D design engine that reveals the true geometry of the OKLCH color space. Instead of flat pickers, it lets you navigate color relationships in 3D, making it effortless to create harmonious, accessible, and consistent palettes.
Cost / License
- Freemium (Subscription)
- Proprietary
Platforms
- Online

Volume
Features
- Ad-free
- No Coding Required
- Color Palette
- Color Picker
Tags
- gamut-accessibility-checking
- design-system-export-css-tailwind-json
- oklch-color-space
- colour
- oklch-color-picker
- colors
- perceptual-uniformity
- oklch
- 3d-color-visualization
Volume News & Activities
Recent activities
Volume information
What is Volume?
Volume is the "GPS for Color" — a professional 3D OKLCH color engine for UI and design systems. Traditional color pickers flatten color into 2D squares, hiding the reality of how we actually perceive light and saturation. Volume reveals the perceptual geometry of color, giving you a 3D workspace where creating harmonious palettes feels natural rather than mathematical. Why designers switch to Volume: • Predictable Behavior: In Volume, color behaves the way you expect. You simply move up to brighten, out to boost intensity, or rotate to shift hue. The OKLCH model ensures every movement is perceptually consistent. • Coherent Palettes: Your colors are not static; they are relationships. When you adjust a color, Volume preserves the structure of your palette, so your swatches evolve together with full coherence. • Gamut Intelligence: Volume keeps your palette stable. If a color approaches the edge of what your monitor can display, the engine gently guides it to the closest accurate point—preventing the unpredictable "clipping" or harsh jumps found in other tools. • Modular Control: Isolate specific swatches to tweak their hue, chroma, or lightness independently, then snap them back into place while preserving the overall system structure. Whether you are shaping a brand identity or building a complex UI design system, Volume ensures your colors stay consistent, accessible, and beautifully aligned with your vision.
Key Features Checklist (For the tags/features section of your submission) • 3D Color Visualization • OKLCH Color Space • Perceptual Uniformity • Gamut & Accessibility Checking • Procedural Palette Generation • Design System Export (CSS, Tailwind, JSON)

Comments and Reviews
Doesn't work on Firefox, empty website.
Just tested in Firefox for Mac and iPhone — seems to open ok...
I just have an empty page.
Can I ask what system/version you're using?