Home » Tools »

Colorable Colorable

Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.

Visual design Accessibility

Visit site »

UX Lift newsletter

Join with hundreds of other creatives and get a roundup of the best UX articles, resources and tools every week.

Get the newsletter


Alternatives to Colorable

Accessible Colours

We evaluate your color combination using the WCAG 2.0 guidelines for contrast accessibility. If your combination does not meet the guidelines, we find the closest accessible combination by modifying the color lightness.

Visual design Accessibility

Accessible brand colors

This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.

Visual design Accessibility

Accessible color palette builder

This is a tool to help designers build color palettes with combinations that conform with accessibility standards.

Visual design Accessibility

Adobe XD

Adobe's UX design tool. Basically their answer to Sketch.

Visual design Prototyping Handoff

Affinity Designer

The fastest, smoothest, most precise vector graphic design software available for Mac, Windows and iPad.

Visual design Wireframing

Color Oracle

Design for the color impaired. A free color blindness simulator for Windows, Mac and Linux.

Accessibility Visual design

Color Safe

Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.

Visual design Accessibility

Color Tool

Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.

Accessibility Visual design

Colorblind Web Page Filter

Use the Colorblind Colorlab to select safe colors earlier in the design process.

Visual design Accessibility

Colorbox

Comprehensive colour palette generator, now sponsored by Lyft.

Accessibility Visual design

Contrast

A macOS app for quick access to WCAG color contrast ratios.

Accessibility Visual design

Figma

Where teams design together. Design, prototype, and collaborate all in the browser.

Design systems Visual design Prototyping Collaboration Handoff

Figmac

A super lightweight Figma desktop app that delivers a more natural Mac experience.

Visual design

Figurative

Love Figma? Love your iPad Pro? Meet Figurative.

Interface design Visual design

InVision Studio

Web-based design tool. Invision's version of Sketch.

Visual design

Leonardo

Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.

Visual design Accessibility

Sim Daltonism

The color blindness simulator.

Visual design Accessibility

Sketch

The industry-leading tool for digital design.

Visual design Prototyping Design systems

Vectornator

Vectornator Pro makes your designs more powerful. Visualize every detail, explore the space and let your creativity run wild.

Visual design