Color Palette Generator & Contrast Checker

Build palettes, check contrast — all in the browser.

Color Palette Generator & Contrast Checker builds six types of color harmonies — Complementary, Analogous, Triadic, Tetradic, Split-Complementary, and Monochromatic — from any base color, showing hex, RGB, and HSL for each swatch with one-click copy, plus CSS variable and JSON export. Switch to the Contrast Checker to pick a text and background color and get the exact WCAG contrast ratio with pass/fail badges for AA and AAA at both normal and large text sizes, using the same relative-luminance formula the WCAG spec defines. Useful for confirming a design is accessible before it ships, not just that it looks good.

• →Generates Complementary, Analogous, Triadic, Tetradic, Split-Complementary, and Monochromatic palettes from any base color
• →Shows hex, RGB, and HSL for every swatch, with one-click copy
• →Exports the palette as CSS custom properties or JSON
• →WCAG contrast ratio calculated with the spec's relative-luminance formula
• →Pass/fail badges for AA and AAA at normal and large text sizes
• →100% local processing — nothing you enter is sent to a server
• →Watermarked by Cikal Studio Labs · Works on any device, no install required