Color Safe Palette
// Generate WCAG-compliant color palettes
#031e49
On White: 16.33:1 AA On Black: 1.29:1 Fail
Aa
Aa
#06327a
On White: 12.03:1 AA On Black: 1.75:1 Fail
Aa
Aa
#0846ab
On White: 8.49:1 AA On Black: 2.47:1 Fail
Aa
Aa
#0a5adb
On White: 6:1 AA On Black: 3.5:1 Fail
Aa
Aa
#2473f5
On White: 4.33:1 Fail On Black: 4.85:1 AA
Aa
Aa
#5492f7
On White: 3.07:1 Fail On Black: 6.83:1 AA
Aa
Aa
#85b1f9
On White: 2.18:1 Fail On Black: 9.65:1 AA
Aa
Aa
#b6d0fc
On White: 1.57:1 Fail On Black: 13.42:1 AA
Aa
Aa
#About Color Safe Palette
Free online accessible color palette generator. Create color combinations that meet WCAG AA contrast requirements against white and black backgrounds. This tool runs entirely in your browser — your data is never sent to a server. Just paste your input, get instant results, and copy with one click. No sign-up or installation required.
#FAQ
What makes a color palette accessible? ▾
An accessible color palette ensures sufficient contrast ratios between text and background colors. WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text. Colors should also be distinguishable for users with color vision deficiencies.
How do I ensure my brand colors are accessible? ▾
Start with your brand color and generate lighter or darker variations that meet WCAG contrast requirements. You may need to adjust saturation or lightness. Use this tool to find the closest accessible variants of your brand colors.
</> Embed this tool ▾
Copy this code to embed the tool on your website. Adjust the height to fit your layout.
<iframe src="https://www.browserutils.dev/embed/color-safe-palette" width="100%" height="500" frameborder="0" title="Color Safe Palette"></iframe>