xxxx.re
DesignPrivacy-firstNo trackingRuns locally

Color Palette & Contrast

Generate palettes and check contrast ratios for accessibility.

Contrast ratio

2.31:1

AA normal text requires 4.5:1. Large text requires 3:1.

#0f1c12

#25442c

#3b6b46

#519260

#70b07f

Quick tips

  • *Pick a base color or randomize one.
  • *Get a matching palette and contrast score.
  • *Adjust colors until the contrast is accessible.
Everything runs locally in your browser. No uploads or tracking.

How it works

  1. Step 1

    Pick a base color or randomize one.

  2. Step 2

    Get a matching palette and contrast score.

  3. Step 3

    Adjust colors until the contrast is accessible.

FAQ

What contrast ratio is recommended?+

WCAG recommends at least 4.5:1 for normal text and 3:1 for large text.

Are palettes saved?+

No. Palettes stay in your session only.