Accessible Color Palette Generator

Color combination ratios following WCAG 2.1 AA guidelines (minimum 4.5:1 contrast ratio). Generate accessible color palettes with the Accessible Color Palette Generator. Includes hex codes, contrast ratio alerts for WCAG 2.1 compliance, and enlarged color boxes for easy viewing. Ideal for designers needing contrast-friendly color selections. EU Policy, WCAG 2.1, WCAG Quick Ref, EN 301 549

– The contrast ratios are calculated according to WCAG guidelines.
– Leave text field empty to only see black and white text ratios.
– Ratios below 4.5:1 are highlighted in red to indicate they may not meet accessibility standards. (Big texts can have 3.5 ratio)

Vibrant Palette: This palette generates lighter tints of the base color by incrementally increasing the lightness, creating vibrant variations.

Monochromatic Palette: This palette generates darker shades of the base color by decreasing the brightness, resulting in a range of monochromatic tones.

Contrasting Palette 1: This palette provides complementary colors to the base color, offering high contrast options for dynamic designs.

Contrasting Palette 2: This palette generates analogous colors by shifting the hue of the base color, creating a harmonious set of colors.

Gradient Palette: This palette creates a gradient by interpolating between lighter and darker shades of the base color.

Random Palette: This palette displays a set of random colors for creative inspiration.

Text Color Palette: This palette shows how the text color looks over each base color in the palettes, with contrast ratios calculated between the two colors.