ColorForge
AI-powered palette generation, color theory, WCAG 2.2 contrast & Machado CVD vision simulation, 50–900 shade ramps & CSS Color Level 4 OKLCH / Tailwind v4 exports. Fully unlocked for the community.
Welcome to the future
This is a preview of how your palette looks in a real UI. The colors adapt to create a cohesive design.
| — | 1.36 | 1.85 | 1.72 | 1.53 | |
| 1.36 | — | 1.36 | 1.27 | 1.12 | |
| 1.85 | 1.36 | — | 1.07 | 1.21 | |
| 1.72 | 1.27 | 1.07 | — | 1.13 | |
| 1.53 | 1.12 | 1.21 | 1.13 | — |
Design with Color Theory
6 Harmony Modes
Analogous, complementary, triadic, split-complementary, monochromatic, and tetradic color schemes.
Machado CVD & WCAG 2.2
Simulate Protanopia, Deuteranopia, Tritanopia, and Achromatopsia in linear sRGB, plus WCAG 2.2 (ISO/IEC 40500:2025) AA/AAA & SC 1.4.11 UI contrast.
Lock & Regenerate
Lock colors you like and regenerate the rest until the palette fits your use case.
50–900 Shade Ramps
Click any color swatch to instantly generate full 50–900 lightness ramps.
OKLCH & Tailwind v4 Export
Copy in HEX, RGB, HSL, W3C CSS Color Level 4 oklch(), CSS variables, Tailwind v4 @theme, v3 config, JSON tokens, or SVG.
UI Mockup Preview
Toggle dark/light modes to see how your palette looks in a live interactive UI mockup.
Frequently Asked Questions
What color harmony modes are available?
ColorForge supports 6 color theory modes: Complementary, Analogous, Triadic, Split-Complementary, Tetradic, and Monochromatic.
How does the WCAG 2.2 contrast checker work?
The contrast checker computes IEC 61966-2-1 sRGB relative luminance using the official W3C WCAG 2.2 (ISO/IEC 40500:2025) 0.04045 piecewise linearization threshold and verifies SC 1.4.3 AA Normal Text (4.5:1), AA Large Text & SC 1.4.11 Non-text UI Components (3.0:1), and SC 1.4.6 AAA Normal Text (7.0:1).
Can I export my color palette to CSS OKLCH and Tailwind CSS v4?
Yes, you can instantly export your palette as W3C CSS Color Module Level 4 oklch() tokens, :root CSS custom properties, Tailwind CSS v4 @theme blocks, legacy Tailwind v3 configuration, JSON design tokens, or vector SVG swatches.
Does ColorForge support spatial dark mode and AI developer themes?
Yes, ColorForge features curated presets including Frontier Spatial, Anthropic Amber, and Agent Terminal engineered specifically for high-density spatial dashboards, IDEs, and accessible dark-mode user interfaces.
How accurate is the color blindness vision simulator?
ColorForge applies Machado, Oliveira & Fernandes (2009) full-severity dichromacy matrices in linear-light sRGB for Protanopia, Deuteranopia, and Tritanopia, plus ITU-R BT.709 CIE relative luminance for Achromatopsia, with exact 1.0 row-sum normalization so neutral grays and pure white (#FFFFFF) never tint.