xxxx.re
Back to menu
Design

Color Palette & Contrast

Generate palettes and check contrast ratios for accessibility.

Privacy-firstNo trackingRuns locally

Contrast ratio

2.31:1

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

#0f1c12

#25442c

#3b6b46

#519260

#70b07f

How it works

  1. Pick a base color or randomize one.
  2. Get a matching palette and contrast score.
  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.

Related tools