Accessible Color Palette Generator

Generate Accessible Color Palette
Create a harmonious and accessible color palette based on a single color.

Number of colors: 5

Generated Palette

#b5e3ff

#7cb1ff

#3b82f6

#0056c2

Contrast Ratios

#b5e3ff vs Black

Ratio: 15.40:1

#7cb1ff vs White

Ratio: 2.19:1

#3b82f6 vs White

Ratio: 3.68:1

#0056c2 vs White

Ratio: 6.75:1

How to Use This Tool

1. Choose a base color using the color picker or enter a hex code.
2. Adjust the palette size using the slider.
3. Click "Regenerate Palette" to create a new palette based on your settings.
4. View the generated colors and their contrast ratios against black or white.
5. Copy the palette to use in your designs.