Brand kit + design colors
Edit anything — results recompute instantly.
These are the only colors “on brand”. Click a swatch to change it.
Used to validate the font names declared in the design below.
Add text+background as a pair below to also check contrast.
Drop a design image or click to upload — we sample pixels & extract the dominant colors (replaces the list above).
WCAG contrast is computed for this text-on-background pair.
Lower = stricter. ~2 imperceptible · ~10 noticeable · ~25 clearly different.
Compliance report
Illustrative decision-support — verify critical colors against your official spec.
0Score
—
Analyzing…
0Colors checked
0Violations
—Contrast (AA)
Color matches → nearest brand color
Contrast & fonts
ΔE uses a CIE76 Lab approximation. Scores estimate brand consistency for design review — they are not a substitute for your brand team's sign-off.