Color Palette Generator & WCAG Matrix
Generate harmonious color palettes, Tailwind 50–950 shade scales, inspect OKLCH gamuts, and test WCAG 2.2 AA & AAA accessibility contrast ratios.
Pick any base color to generate Tailwind 50–950 color scales, color harmonies (Complementary, Analogous, Triadic), and evaluate WCAG 2.2 contrast ratios against white and black with instant AA/AAA compliance feedback.
Where L1 is the relative luminance of the lighter color and L2 is the relative luminance of the darker color (ranging from 0.0 for black to 1.0 for white).
Base Color & Gamut Inspector
Pick a color to generate palettes, scales, and WCAG accessibility scores
Color Harmonies & Shades
WCAG 2.2 Contrast Matrix
Color Blindness Simulator
Share This Tool
Help your team and fellow developers save time with free, private client-side utilities.
Systems & Security Engineers • Applied Cryptography & High-Performance Web Tools
How to Use Color Palette Generator & WCAG Matrix
Select a Base Color
Use the interactive color picker, enter a HEX/RGB/HSL code, or pick from curated designer presets.
Explore Harmonies & Scales
Switch between Tailwind 50–950 tint/shade scale, Analogous, Complementary, Triadic, Tetradic, and Monochromatic harmony modes.
Verify WCAG 2.2 Contrast
Check automatic contrast ratios against pure white and black, complete with AA/AAA compliance badges for normal and large text.
Simulate Color Blindness & Export
Preview how your color appears under Protanopia, Deuteranopia, Tritanopia, and Achromatopsia, and copy as CSS custom properties or JSON.
Practical Examples & Conversions
#3b82f6 (Tailwind Blue)
50: #edf4fe | 100: #dbe9fd | 500: #3b82f6 | 700: #295cb0 | 900: #173566
Frequently Asked Questions (PAA)
Related Tools & Converters
Algorithm Visualizer & Multi-Race
Interactive real-time visualization of sorting, pathfinding (A*, Dijkstra), and tree traversals.
In-Browser SQL Studio & SQLite WASM
Execute SQL queries, load schemas, import CSVs, and analyze execution plans client-side via SQLite WASM.
Regex State Machine Visualizer
Interactive AST and DFA/NFA state machine visualizer for regular expressions.
Java Execution Visualizer
Step-by-step Java code visualizer tracking stack frames, heap objects, and variable states.
JSON Formatter & Validator
Format, validate, minify, and inspect JSON with hierarchical tree navigation and syntax highlighting.
JWT Token Inspector & Decoder
Decode and inspect RFC 7519 JSON Web Tokens, headers, payload claims, and expiration timestamps.
Authoritative Standards & Citations
Calculations and algorithms on this page are implemented and verified in strict accordance with the following official technical specifications:
RFC 7519: JSON Web Token (JWT)
Standardized compact, URL-safe means of representing claims to be transferred between two parties.
Web Cryptography API Specification
Standard JavaScript API for performing basic cryptographic operations in web applications.
RFC 4122: A Universally Unique IDentifier (UUID) URN Namespace
Definition of uniform format and generation algorithms for UUIDs.